select里加链接
生活随笔
收集整理的這篇文章主要介紹了
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)" />?
第一種 :?
<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> 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的select里加链接的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Background-size完美兼容I
- 下一篇: css段落文字(中英文混杂)实现两端对齐