html select标签加链接3种方法
2013-03-28 15:22
525 查看
第一种:
第二种:
第三种带跳转按钮的:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>select加链接</title> </head> <body> <SCRIPT language=javascript> <!-- // open the related site windows function 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.flash8.net/">闪吧</OPTION> </Select> </body> </html>
第二种:
<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.sina.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>
相关文章推荐
- javascript 生成img标签的3种方式(对象、方法、html)
- html select控件移动到option标签时就触发mouseleave()解决方法
- struts1.x 后台读取数据至html:select标签方法
- html的<a>标签点击触发js函数的3种方法
- jquery 针对html标签一些常用方法(select、radio、checkbox)
- javascript生成img标签的3种实现方法(对象、方法、html)
- (原创)利用扩展方法,给 IEnumerable<T> 增加一个生成 Html 的 select 标签的方法,不用 C# 中的反射技术
- jquery html动态生成select标签出问题的解决方法
- html: title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- jquery html动态生成select标签出问题的解决方法
- <学习html>第三天笔记-链接标签;锚点定位、<base />标签;遇到标签之间关系的问题及解决方法
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- iOS a 标签链接:<a href ="http://www.baidu.com">xxxx</a>提取xxxx的3种方法
- html select 加链接方法
- ie6.0中关于动态改变html中select标签中option的处理方法
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- javascript生成img标签的3种实现方法(对象、方法、html)
- html:select 标签的属性及方法