select박스로 페이지 이동하기 (링크걸기)

가끔가다보면 select박스에서 하나의 option을 클릭 했을 때, 페이지가 이동하는 형식이 있다. 보통 family site나 서브페이지 내에서 네비게이션을 이용할때 많이 쓴다. 이 기능을 주는건 굉장히 간단하다.

 

<select title="" onchange="window.open(value,'_self');">
    <option value="01.html" selected>이동1</option>
    <option value="02.html">이동2</option>
</select>

[출처] select 링크 이동|작성자 휘성별님

 

 

이렇게 option의 value값에 이동할 페이지를 써주고, select에 onchange="window.open(value,'_self');  이것만 추가해주면 끝!