채택완료

셀렉박스 옵션 링크

2016-01-14 (목) 12:52:51 3,703

아래 셀렉박스 옵션에 링크를 걸고싶은데 도무지 걸리지를 않네요 ㅠㅠㅠ

해결방법없을까요?ㅠㅠㅠ

Copy
<!DOCTYPE html><html><head>	<title>New drop down widget</title>	<meta charset="utf-8">	<link rel="stylesheet" href="css/drop-down.css" />	<script src="js/jquery-1.11.1.min.js"></script>	<script src="js/jquery-ui.min.js"></script>	<script src="js/select-widget-min.js"></script>	<script>				$(document).ready(function(){						$(".ui-select").selectWidget({				change       : function (changes) {					return changes;				},				effect       : "slide",				keyControl   : true,				speed        : 200,				scrollHeight : 250			});					});					</script></head> <body>	<form action="" method="get">		<select name="drop1" class="ui-select">						<option value="">structure empty</option>						<option value="1">structure 1</option>						<option value="2">structure 2</option>						<option value="3">structure 3</option>						<option selected value="4">structure 4</option>						<option value="5">structure 5</option>						<option value="6">structure 6</option>						<option value="7">structure 7</option>						<option value="8">structure 8</option>						<option value="9">structure 9</option>						<option value="10">structure 10</option>						<option value="11">structure 11</option>					</select>	</form></body></html>
|

답변 1개

채택된 답변
+20 포인트

<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>

원하시는게 이건지 모르겠네요

답변을 작성하려면 로그인이 필요합니다.