select下拉框跳转代码

常常一些网站做友情链接，与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。

<form action="" method="get"> 
<label>2、跳转的下拉列表菜单</label> 
<select name="jumpMenu" id="jumpMenu"
 onchange="MM_jumpMenu('parent',this,0)"> 
<option value="http://www.DIVCSS5.com/">DIVCSS5</option> 
<option value="http://www.divcss5.com/">DIVCSS5</option> 
</select> 
</form> 

同时head区加入以下代码

<script type="text/javascript"> 
<!-- 
function MM_jumpMenu(targ,selObj,restore){ //v3.0 
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
if (restore) selObj.selectedIndex=0; 
} 
//--> 
</script> 

 更简洁的方法：

<p> 下拉框链接跳转</p>
<p>
<select name="select" onchange="location.href=this.options[this.selectedIndex].value;">
<option selected>友情链接</option>
<option value="http://www.szsite.net/">深圳网站建设</option>
<option value="http://www.baidu.com/">百度</option>
</select>
</p>

<p>下拉框链接新窗口跳转</p>
<p>
<select name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)">
<option selected>友情链接</option>
<option value="http://www.szsite.net/">锐网设计</option>
<option value="http://www.baidu.com/">百度</option>
</select>
</p>