select下拉框应用选择时跳转到选择链接
select下拉框应用选择时跳转到选择链接代码：<!--这种方法是在当前页面打开 -->
<select onchange = "window.location.href=this.options.value">
<option value="http://www.google.com" >谷歌</option>
<option value="http://www.yahoo.com" >雅虎</option>
<option value="http://www.baidu.com" >百度</option>
</select>
或者：
<!--这种方法是在当前页面打开 -->
<select onchange="if(this.options.value!=''){location=this.options.value;}" >
<option>====友情链接====</option>
<option value="http://www.google.com" >谷歌</option>
<option value="http://www.yahoo.com" >雅虎</option>
<option value="http://www.baidu.com" >百度</option>
</select>
如果想在新窗口中打开，可以用如下代码：<!-- 这种方法 必须要window对象,是新开页面打开 -->
<select onchange = "window.open(value,'_blank')">
<option>请选择</option>
<option value="http://www.google.com" >谷歌</option>
<option value="http://www.yahoo.com" >雅虎</option>
<option value="http://www.baidu.com" >百度</option>
</select>
这里主要用到 :
1.window.location.href 跳转，如果想在新窗口中打开，可以用 window.open(this.options.value).
2.this.options.value取值.
注意：javascript是严格区分大小写的！只能写成selectedIndex.
备注：如果要更多操作，可以写个函数，用 调用，这是需要给<select>设定个ID这样可以通过document.getElementById() 来调用！
页:
[1]