码迷,mamicode.com
首页 > 其他好文 > 详细

select option项选择后跳转页面

时间:2014-04-30 01:56:00      阅读:497      评论:0      收藏:0      [点我收藏+]

标签:com   http   class   div   c   ext   t   sp   window   text   name   

第一种方法:

跳转到当前页:

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>

select option项选择后跳转页面,码迷,mamicode.com

select option项选择后跳转页面

标签:com   http   class   div   c   ext   t   sp   window   text   name   

原文地址:http://www.cnblogs.com/luzhaolei/p/3695893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!