在Html中，select元素可创建单选或多选菜单。其中<select> 元素中的 <option> 标签用于定义列表中的可用选项。
一般<option>是直接用于筛选，选中，如果我们要实现选中后立即跳转，则需要加一段js代码即可，具体方法如下。
1、Html页面代码：
<select name="select" id="select" style="height: 25px; width: 240px; line-height: 25px;" onchange="s_click(this)">
<option>====友情链接====</option>
<option value='http://www.baidu.com'>====xxxxxxxx====</option>
<option value='http://www.baidu.com'>====xxxxxxxx====</option>
</select>
2、js代码：
<script type="text/javascript">
//select跳页
function s_click(obj) {
var num = 0;
for (var i = 0; i < obj.options.length; i++) {
if (obj.options[i].selected == true) {
num++;
}
}
if (num == 1) {
var url = obj.options[obj.selectedIndex].value;
window.open(url); //这里修改打开连接方式
}
}
</script>
释义：
在当前页面打开百度：
window.open("http://www.baidu.com/", "_self");
在当前窗口打开百度,并且使URL地址出现在搜索栏中：
window.open("http://www.baidu.com/", "_search");
在一个新的窗口打开百度：
window.open("http://www.baidu.com/", "_blank");
打开一个新的窗口，并命名为"hello"：
window.open("", "hello");
资源均来自第三方，谨慎下载，前往第三方网站下载
爱资源分享网 , 版权所有丨本站资源仅限于学习研究，严禁从事商业或者非法活动！丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：给Select标签中的Option内容加链接点击实现跳转的方法
转载请注明原文链接：给Select标签中的Option内容加链接点击实现跳转的方法
