홈페이지 패밀리사이트 로 드랍다운을 사용하는데요
본문
홈페이지 내에 패밀리사이트로 서로 연결 되어있는 홈페이지들을 볼수있게끔 하고싶어서
드랍다운을 선택했는데요
<optgroup label="패밀리">
<option value="naver.com">네이버</option>
</optgroup>
그런데 저는
<a href="naver.com">네이버</a> 이런식의 소스를 사용하고 싶은데
드랍다운에 이렇게 사용가능한가요?
답변 2
그런 방식은 안되고 javascript를 사용하셔야 합니다.
예를 들면(jquery가 설치되어 있거나 불러와야 합니다.)
<select name="sel" id="sel">
<option name="opt1" value="naver">Naver</option>
<option name="opt2" value="google">Google</option>
</select>
<script type="text/javascript>
$(function(){
$("#sel").change(function(){
switch($(this).val()){
case 'naver':
location.href = "http://naver.com";
break;
case 'google':
location.href="http://google.com";
break;
}
});
});
});
</script>
select 태그 자체가 디자인적으로 한계가 많아서 그런 흉내를 내는 링크를 만들곤 하죠.
가장 간단한 예제가 부트스트랩의 드롭다운 메뉴로 만들면 됩니다.
기능은 그대로 쓰시고 디자인만 select 처럼 수정하시면 되지요.
