select里加链接

html select标签加链接的方法有很多，接下来为大家介绍下几个比较经典的，,感兴趣的朋友可以参考下哈，希望可以帮助到你

第一种 ： 
<SCRIPT language=javascript> 
<!-- 
// open the related site windows 
function mbar(sobj) { 
var docurl =sobj.options[sobj.selectedIndex].value; 
if (docurl != "") { 
open(docurl,'_blank'); 
sobj.selectedIndex=0; 
sobj.blur(); 
} 
} 
//--> 
</SCRIPT> 
<Select οnchange=mbar(this) name="select"> 
<OPTION selected>=== 合作伙伴 ===</OPTION> 
<OPTION value="http://www.baidu.com">百度</OPTION> 
<OPTION value="http://www.163.com">网易</OPTION> 
<OPTION value="http://www.flash8.net/">闪吧</OPTION> 
</Select> 


第二种 ：
<select name="pageselect" οnchange="self.location.href=options[selectedIndex].value" > 
<OPTION value="http://www.baidu.com">百度</OPTION> 
<OPTION value="http://www.163.com">网易</OPTION> 
</select> 

第三种带跳转按钮的 ： 

<script type="text/javascript"> 
function setsubmit() 
{ 
if(mylink.value == 0) 
window.location='http://www.baidu.com'; 
if(mylink.value == 1) 
window.location='http://www.163.com'; 
if(mylink.value == 2) 
window.location='http://www.sina.com'; 
} 
</script> 

<select name="mylink" id="mylink"> 
<OPTION value="0">百度</OPTION> 
<OPTION value="1">网易</OPTION> 
<OPTION value="2">新浪</OPTION> 
</select> 
<input type="button" id="btn" value="提交" οnclick="setsubmit(this)" /> 

转载请注明：前端录»select里加链接

<script src="http://www.wozhuye.com/index.php?m=digg&c=index&a=init&id=14-319-2"></script>