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

看到别人的网站,都有单击一个下拉菜单,然后就出来一些选项,接着单击选项,就跳转到相应的界面,实在让人羡慕,最后自己也想试一试。

一开始打算采用的技术是:option里的显示的字体是一个超链接。但是最后发现单击链接以后没反应。所以只好再新建一个文件,通过获取的内容跳转到相应的界面。

搜了半天,都好麻烦,而且实现起来都不行。自己也做了很多实验,都行不通。后来也是搜索了好多关键词都不行。

最后在搜狗里面搜索“ select 跳转”,结果搜出来需要的代码。

看来下次搜索的关键词就得是自己直接想要达到的效果,这样更直接,搜索出来的答案也更对。

下面是自己的实现代码:

<select onchange="window.open(this.options[this.selectedIndex].value)" name="select">

<option value="tumu.jsp" selected="selected">土木学院</option>

<!--  
<option value="http://www.microsoft.com">微软</option>  -->

<option value="modi_person_info.jsp">基本信息</option>

</select>

效果图如下:

时间: 2024-10-07 15:43:48

单击下拉菜单里面的选项实现跳转的相关文章

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

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

制作下拉菜单(PopupList)

怎样判断是否应当使用下拉菜单 下拉菜单,就是将一系列的选项隐藏,通过单击某一个控件将会弹出一个包含这些选项的列表,在其中选择想要的选项.这样做不但可以节省屏幕空间,也可以让用户在进行选择时更加方便快捷. 下拉菜单本质上还是一个单选框,与Toggle的功能有一些类似,对于下拉菜单玩家必须选择一个选项(有一个默认的初始选项),在同一时间也只能选择一个选项(单选性质).在游戏开发过程中,如果碰到了以下特点的需求,就可以考虑用下拉菜单了. (1)有一系列选项需要玩家做出选择,这些选项是有限多的. (2)

下拉菜单核心组件PopupList

1. 2. (1)Options: 这里是下拉菜单的各个选项录入的地方,识别方式为按行识别,也就是说每填入一个选项后,需要回车换行才能继续录入下一个选项. (2)default: 默认情况下选中的选项,这个选项会自动填充为我们录入的第一个选项. (3)Position: 位置,这里给了3个选项. Auto:菜单将会自动决定是从上方弹出还是下方弹出. Above:菜单将会从上方弹出. Blow:菜单将会从下方弹出. (4)Alignment: 对齐方式. (5)Open on: 打开的方式. (i

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

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

JS基础12-DOM访问列表框、下拉菜单的常用属性

一.DOM访问列表框.下拉菜单的常用属性如下: form 返回列表框.下拉菜单所在的表单对象 length 返回列表框.下拉菜单的选项个数 options 返回列表框.下拉菜单里所有选项组成的数组 selectedIndex 返回下拉列表中选中选项的索引 type 返回下拉列表的类型,多选的话返回select-multiple,单选返回select-one 二.使用options[index]返回具体选项所对应的常用属性: defaultSelected 返回该选项默认是否被选中 index 返

DOM访问HTML元素的方式,DOM访问表单控件的常用属性和方法,DOM访问列表框、下拉菜单的常用属性,DOM访问表格子元素的常用属性和方法,DOM对HTML元素的增删改操作

DOM访问HTML元素的方式 为了动态地修改HTML元素,须先访问HTML元素.DOM主要提供了两种方式来访问HTML元素: 根据ID访问HTML元素:通过document对象调用getElementById()方法来查找具有唯一id属性值的元素. 利用节点关系访问HTML元素.常用的属性和方法如下: parentNode 返回当前节点的父节点 previousSibling 返回当前节点的前一个兄弟节点 nextSibling 返回当前节点的后一个兄弟节点 childNodes 返回当前节点的

JQuery设置获取下拉菜单选项的值 多实例

分享下JQuery如何设置获取下拉菜单某个选项的值,多种方法,值得收藏. JQuery获取和设置Select选项 获取Select :获取select 选中的 text :$(“#ddlRegType”).find(“option:selected”).text();获取select选中的 value:$(“#ddlRegType “).val();获取select选中的索引:$(“#ddlRegType “).get(0).selectedIndex;设置select:设置select 选中的

js下拉菜单默认值为当前年份,下拉菜单的选项为当前年份往前推5年

1:在jsp或者HTML页面中新建一个下拉框 年度:<select id="cx_nd" name="cx_nd" style="width: 60px;"></select> 年 2:调用下面方法即可 window.onload = function(){ var sel = document.getElementById("cx_nd"); var date = new Date(); for(va

解决phpcms模版设置中不能显示栏目首页模板,栏目列表页模板,内容页模板等下拉菜单选项的问题!

第1步:检查相应的模版文件夹中是否有模版文件 一般地,查看目录phpcms/templates/default[模板风格标识]/content 栏目首页模板:以(category_)开头,category_xxx 栏目列表页模板:以(list_)开头,list_xxx 内容页模板:以(show_)开头,show_xxx 如果模板文件存在,看第二步. 第2步:查看文件夹中的模板文件是否包含了中文 例如:category - 副本.html 注意模板文件名不能有中文,因为在后台模板设置中获取模板文件