드롭다운 메뉴 선택시 페이지 이동 (select option 태그 페이지 이동)

드롭다운 메뉴 선택시 페이지 이동 (select option 태그 페이지 이동)

Select tag 아래 펼쳐진 Option을 클릭했을 때 페이지 이동이 되는 기능 추가

option 태그의 value에 링크를 넣으면 된다.

<select onChange="window.location.href=this.value">

     <option value="http://www.google.com">구글 열기</option>

     <option value="http://www.naver.com" >네이버 열기</option> 

</select>

예) '구글 열기'를 클릭하면 google.com으로 이동하게 된다.

클리해보기 ->  열어볼 페이지를 선택해 주세요. 구글 열기 네이버 열기