首页 > 代码库 > select option项选择后跳转页面

select option项选择后跳转页面

第一种方法:

跳转到当前页:

location.href为跳转当前的页面

<select name="here " onchange="location.href=http://www.mamicode.com/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>