html中option新页面打开,在Select中给Option内容加链接实现点击实现跳转的方法

这篇文章主要为大家详细介绍了在Select中给Option内容加链接实现点击实现跳转的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

我们经常会在网站页面中使用到Select标签，我们知道在网页的在Html中，select元素可创建单选或多选菜单。其中 元素中的 标签用于定义列表中的可用选项。今天织梦361就主要给大家介绍在Select中给Option内容加链接实现点击实现跳转的方法。

一般是直接用于筛选，选中，如果我们要实现选中后立即跳转，则需要加一段js代码即可，具体方法如下。

1、Html页面代码：

====友情链接====

====xxxxxxxx====

====xxxxxxxx====

2、js代码：

//select跳页

function s_click(obj) {

var num = 0;

for (var i = 0; i 

if (obj.options[i].selected == true) {

num++;

}

}

if (num == 1) {

var url = obj.options[obj.selectedIndex].value;

window.open(url); //这里修改打开连接方式

}

}

代码释义：

在当前页面打开百度：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");

以上就是在Select中给Option内容加链接实现点击实现跳转的方法的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持361模板网。

感谢打赏，我们会为大家提供更多优质资源！