select下拉选框加链接实现选中跳转 select下拉框实现选中跳转的几种方法

2020-07-02 22:15:23

字体：大中小

来源：转载

供稿：网友

这篇文章主要为大家详细介绍了select下拉选框加链接实现选中跳转 select下拉框实现选中跳转的几种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

select下拉选框加链接实现选中跳转， select下拉框实现选中跳转的几种方法

select下拉选框加链接实现选中跳转 select下拉框实现选中跳转的几种方法

第一种：使用JS代码实现

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>select加链接实现选中跳转</title></head><body><SCRIPT language=javascript><!--// open the related site windowsfunction mbar(sobj) {var docurl =sobj.options[sobj.selectedIndex].value;if (docurl != "") {   open(docurl,'_blank');   sobj.selectedIndex=0;   sobj.blur();}}//--></SCRIPT><Select onchange=mbar(this) name="select"><OPTION selected>=== 合作伙伴 ===</OPTION><OPTION value="http://www.baidu.com">百度</OPTION><OPTION value="http://www.163.com">网易</OPTION><OPTION value="http://www.tao2t.net/">淘书城</OPTION></Select></body></html>

第二种：使用onchange触发

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" ><OPTION value="http://www.baidu.com">百度</OPTION><OPTION value="http://www.163.com">网易</OPTION></select>

第三种点击提交按钮触发跳转的：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>select选择-然后点击按钮跳转</title><script type="text/javascript">function setsubmit(){if(mylink.value == 0)window.location='http://www.baidu.com';if(mylink.value == 1)window.location='http://www.163.com';if(mylink.value == 2)window.location='http://www.1357vip.com';}</script></head><body><select name="mylink" id="mylink"><OPTION value="0">百度</OPTION><OPTION value="1">网易</OPTION><OPTION value="2">世界之最</OPTION></select><input type="button" id="btn" value="提交" onclick="setsubmit(this)" /></body></html>

完成。

以上就是select下拉选框加链接实现选中跳转 select下拉框实现选中跳转的几种方法的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。

上一篇：使用Loader-Helper安装向导安装Swoole Loader扩展的方法

下一篇：10款常见的Webshell检测工具服务器向外发包网站中毒怎么处理