做网站下拉框功能时,有时候不想用<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加上超链接的需求就试试这个方法吧。
如果内容有帮助,就点个赞吧!
