셀렉박스 옵션 링크
관련링크
본문
아래 셀렉박스 옵션에 링크를 걸고싶은데 도무지 걸리지를 않네요 ㅠㅠㅠ
해결방법없을까요?ㅠㅠㅠ
<!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
<select name="drop1" class="ui-select">
<option value=""></option>
<option value=" structure'>http://www.naver.com"> structure 1 </option>
<option value=" structure'>http://google.co.kr"> structure 2 </option>
.
.
</select>
<script>
$(".ui-select").change(function() {
url = $(".ui-select option:selected").val();
$(location).attr('href',url);
});
</script>
원하시는게 이건지 모르겠네요
답변을 작성하시기 전에 로그인 해주세요.