select下拉框应用选择时跳转到选择链接

select下拉框应用选择时跳转到选择链接代码：

1. <!--这种方法是在当前页面打开 -->
   
2. <select onchange = "window.location.href=this.options[selectedIndex].value">
   
3. <option value="http://www.google.com" >谷歌</option>
   
4. <option value="http://www.yahoo.com" >雅虎</option>
   
5. <option value="http://www.baidu.com" >百度</option>
   
6. </select>

复制代码

或者：

1. <!--这种方法是在当前页面打开 -->
   
2. <select onchange="if(this.options[this.selectedIndex].value!=''){location=this.options[this.selectedIndex].value;}" >
   
3. <option>====友情链接====</option>
   
4. <option value="http://www.google.com" >谷歌</option>
   
5. <option value="http://www.yahoo.com" >雅虎</option>
   
6. <option value="http://www.baidu.com" >百度</option>
   
7. </select>

复制代码

如果想在新窗口中打开，可以用如下代码：

1. <!-- 这种方法 必须要window对象,是新开页面打开 -->
   
2. <select onchange = "window.open(value,'_blank')">
   
3. <option>请选择</option>
   
4. <option value="http://www.google.com" >谷歌</option>
   
5. <option value="http://www.yahoo.com" >雅虎</option>
   
6. <option value="http://www.baidu.com" >百度</option>
   
7. </select>
   

复制代码

这里主要用到 :
1.window.location.href 跳转，如果想在新窗口中打开，可以用 window.open(this.options[selectedIndex].value).
2.this.options[selectedIndex].value取值.

注意：javascript是严格区分大小写的！只能写成selectedIndex.

备注：如果要更多操作，可以写个函数，用 调用，这是需要给<select>设定个ID这样可以通过document.getElementById() 来调用！