下拉菜单select友情链接自动跳转做法

当前页面直接跳转: 
JavaScript代码 
<select name="qq" onchange="javascript:location.href=this.value;">   
<option value="http://www.bhcode.net" selected="selected" >BHCODE</option>   
<option value="http://sucai.bhcode.net" >素材网</option>   
<option value="http://js.bhcode.net" >特效网</option>   
</select>

新页面打开:

<select name="qq2" onchange="javascript:window.open(this.options[this.selectedIndex].value)">   
<option value="http://www.bhcode.net" selected="selected" >BHCODE</option>   
<option value="http://sucai.bhcode.net" >素材网</option>   
<option value="http://js.bhcode.net" >特效网</option>   
</select>

时间: 2024-10-28 23:55:40

下拉菜单select友情链接自动跳转做法的相关文章

下拉菜单select高度(兼容IE6/IE7/IE8/火狐等主流浏览器)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

单击下拉菜单里面的选项实现跳转

看到别人的网站,都有单击一个下拉菜单,然后就出来一些选项,接着单击选项,就跳转到相应的界面,实在让人羡慕,最后自己也想试一试. 一开始打算采用的技术是:option里的显示的字体是一个超链接.但是最后发现单击链接以后没反应.所以只好再新建一个文件,通过获取的内容跳转到相应的界面. 搜了半天,都好麻烦,而且实现起来都不行.自己也做了很多实验,都行不通.后来也是搜索了好多关键词都不行. 最后在搜狗里面搜索" select 跳转",结果搜出来需要的代码. 看来下次搜索的关键词就得是自己直接想

邮件审批:表单作为邮件内容展示问题处理过程1——下拉菜单select问题

在仿照费控和用友做邮件审批时,增加了对表单内容的显示.在系统中做审批时,表单内容有丰富的控件展示,简单的有input,textarea,radio,复杂的有自定义的审批控件.附件控件和人员选择器等.目前复杂控件展示没有问题,复杂控件为只读状态时,展示给用户的就是普通的input或table:简单控件中当为select时出现无法绑定值的问题.即不管其选中项是什么,展示出来的始终是第一项. 根据问题症状,之前在审批展示时,也出现过因下拉菜单展示有问题(如始终展示第一项或最后一项)导致的问题.究其根源

JS自定义下拉菜单select

由于系统自定的select样式的确丑到爆,所以抽空写了这么一个可以自定义下拉菜单样式的插件, 思路就是隐藏select,用一个span标签显示内容,ul标签显示下拉列表,如图: IE下存在一个BUG,设置overflow-y后,IE下设置width无效,只测试了IE9,其他版本未测试,当然如果能加入自定义样式的滚动条就完美了,时间关系以后再补吧 代码如下: 1 //自定义dropdownlist的样式, 2 //classname为模拟出来的span标签样式 3 //ulClass为下拉列表样式

jq模仿下拉菜单select

今天公司app ios版内测,发现select在安卓和ios上样式不统一,并且不好修改,一气之下放弃使用select,手写了一个用div模仿select的模块 话不多说上代码 //样式 .zezhao { width: 100%; height: 800px; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; } .disn { display: none; } .disb { display: block; } .yu

下拉菜单select 表单域

http://www.w3school.com.cn/                      W3C https://developer.mozilla.org/zh-CN/           MDN https://www.cnblogs.com/jin-xin/articles/7459955.html 原文地址:https://www.cnblogs.com/chenliangyuan/p/9780410.html

火狐浏览器下连接a下无法使用select下拉菜单

火狐浏览器下连接a下无法使用select下拉菜单:如果select下拉菜单包裹在链接a中,则无法实现选中效果,当然如此使用在实际应用中也是很少见的,不过下面还是做一下简单介绍,如何避免此种问题的出现,寄希望能够给需要者带来一定的帮助.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&

web前端 HTML 下拉菜单的跳转

以下例子的主要功能是:下拉菜单的选项选择后跳转到相应的页面. 1)代码示例: <select onchange="window.location=this.value;"> <option value="" selected>请选择</option> //这是菜单中的第一个选项 <option value="http://baidu.com">百度</option> //这是菜单中的第二

jquery如何删除select下拉菜单中所有的option项

jquery如何删除select下拉菜单中所有的option项:在实际应用中,有可能要求一次性删除所有的select下拉菜单的option选项,方法非常的简单.select下拉菜单: <select id="mayi"> <option value="1">蚂蚁部落一</option> <option value="2">蚂蚁部落二</option> </select> 删除