select列表option改变跳转及onchange时获取值实例介绍

select列表option改变跳转及onchange时获取值实例介绍,select页面跳转及获值。以下是具体的javascript脚本代码:

  1. <select onchange=”window.location.href=this.options[selectedIndex].value” >
  2.    <option value=”http://www.google.com” >谷歌</option>
  3.    <option value=”http://www.yahoo.com” >雅虎</option>
  4.    <option value=”http://www.baidu.com” >百度</option>
  5. </select>

javascript脚本代码实例说明 :

1.window.location.href 跳转,在新窗口中打开,可以用 window.open(this.options[selectedIndex].value).

2.this.options[selectedIndex].value取值.

 javascript是区分大小写的!只可以写成selectedIndex.

注意:假如还需要别的操作,建议写个函数,使用onchange=”functionname()” 来调用调用,此时要为<select>设定个ID就可以通过document.getElementById() 来调用了!

本文链接地址: select列表option改变跳转及onchange时获取值实例介绍