select实现链接跳转


通过js实现在新页面中打开链接:

<script type="text/javascript">
function mbar(sobj) {
var docurl =sobj.options[sobj.selectedIndex].value;
if (docurl != "") {
   open(docurl,'_blank');
   sobj.selectedIndex=0;
   sobj.blur();
}
}
</script>
<select name="" onChange="mbar(this);">
    <option value="http://www.zhangweijie.net">友情链接1</option>
    <option value="http://www.zhangweijie.net">友情链接2</option>
    <option value="http://www.zhangweijie.net">友情链接3</option>
</select>

想更简单点的话可以像下面这样,原理同上面是一样的。

<select name="" onChange="window.location.href = this.options[this.selectedIndex].value">
    <option value="http://www.zhangweijie.net">友情链接1</option>
    <option value="http://www.zhangweijie.net">友情链接2</option>
    <option value="http://www.zhangweijie.net">友情链接3</option>
</select>

Archives