본문 바로가기
웹프로그램

자바스크립트 셀렉트 박스 선택한 value 값으로 페이지 이동하기

by 세이박스 2008. 11. 7.
반응형

<span id="staticcombo" style="position:absolute;left:0;top:0;visibility:hidden">
<form name="jumpy">
<p>
<select name="example" size="1" onChange="gone()">
<option selected value="http://www.yahoo.co.kr">야후! 코리아</option>
<option value="http://www.naver.com">네이버</option>
<option value="http://www.lycos.co.kr">라이코스 코리아</option>
<option value="http://www.dreamwiz.com">드림위즈</option>
<option value="http://www.hanmir.com">한미르</option>
<option value="http://www.microsoft.com">Microsoft</option>
<option value="http://www.netscape.com">Netscape</option>
</select>

<script language="javascript">
<!--

function gone()
{
location=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
}
//-->
</script>

<input type="button" name="test" value="이동" onClick="gone()">
</p>
</form>
</span>


반응형