셀렉박스 옵션 링크 채택완료
아리용
9년 전
조회 3,573
아래 셀렉박스 옵션에 링크를 걸고싶은데 도무지 걸리지를 않네요 ㅠㅠㅠ
해결방법없을까요?ㅠㅠㅠ
</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><title>New drop down widget</title></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><meta charset="utf-8"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><link rel="stylesheet" href="css/drop-down.css" /></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script src="js/jquery-1.11.1.min.js"></script></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script src="js/jquery-ui.min.js"></script></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script src="js/select-widget-min.js"></script></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(document).ready(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".ui-select").selectWidget({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>change : function (changes) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return changes;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>effect : "slide",</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>keyControl : true,</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>speed : 200,</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>scrollHeight : 250</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></script></p><p></head></p><p> </p><p><body></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><form action="" method="get"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select name="drop1" class="ui-select"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">structure empty</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="1">structure 1</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="2">structure 2</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="3">structure 3</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option selected value="4">structure 4</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="5">structure 5</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="6">structure 6</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="7">structure 7</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="8">structure 8</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="9">structure 9</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="10">structure 10</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="11">structure 11</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></form></p><p></body></p><p></html></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
9년 전
<select name="drop1" class="ui-select">
<option value=""></option>
<option value="http://www.naver.com"> structure 1 </option>
<option value="http://google.co.kr"> structure 2 </option>
.
.
</select>
<script>
$(".ui-select").change(function() {
url = $(".ui-select option:selected").val();
$(location).attr('href',url);
});
</script>
원하시는게 이건지 모르겠네요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인