通过简单的js给select的option加上超链接

做网站下拉框功能时,有时候不想用<ul>和<li>写样式来做,可以用<select>和<option>来做,正常做的话需要给<option>套上<a href="">来加超链接。今天我们尝试简单点用js来做。具体请看下面代码:

 <select language="javascript" onchange="location.href=this.value ">
     <option value="http://www.baidu.com">百度</option>
     <option value="http://www.qq.cm">腾讯</option>
 </select>

如果需要点击从新窗口打开可以改成下面的代码:

 <select language="javascript" onchange="javascript:window.open(this.options[this.selectedIndex].value)">
     <option value="http://www.baidu.com">百度</option>
     <option value="http://www.qq.cm">腾讯</option>
 </select>

如果你也有给select的option加上超链接的需求就试试这个方法吧。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-207.html

如有疑问请联系 QQ:644233191   微信:zw1688k