select option项选择后跳转页面

第一种方法:

跳转到当前页:

location.href为跳转当前的页面

<select name="here " onchange="location.href=this.options[this.selectedIndex].value;">

    <option value= "http://www.baidu.com "> 百度 </option>

    <option value= "http://www.qq.com "> 腾讯 </option>

    <option value= "http://www.360.com "> 360 </option>

</select>

 第二种方法:

window.open为打开新窗口跳转

跳转到新页面:

<select onchange="window.open(this.options[this.selectedIndex].value)" name="select">

<option value="http://www.baidu.com" selected="selected">百度</option>

<option value= "http://www.qq.com "> 腾讯 </option>

<option value= "http://www.360.com "> 360 </option>

</select>

posted @ 2014-04-28 10:52  无花无果  阅读(1080)  评论(0编辑  收藏  举报