前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

select里加链接

html/css
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 onchange=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" onchange="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="提交" onclick="setsubmit(this)" /> 


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