首页 > 代码库 > 单击下拉菜单里面的选项实现跳转
单击下拉菜单里面的选项实现跳转
看到别人的网站,都有单击一个下拉菜单,然后就出来一些选项,接着单击选项,就跳转到相应的界面,实在让人羡慕,最后自己也想试一试。
一开始打算采用的技术是:option里的显示的字体是一个超链接。但是最后发现单击链接以后没反应。所以只好再新建一个文件,通过获取的内容跳转到相应的界面。
搜了半天,都好麻烦,而且实现起来都不行。自己也做了很多实验,都行不通。后来也是搜索了好多关键词都不行。
最后在搜狗里面搜索“ select 跳转”,结果搜出来需要的代码。
看来下次搜索的关键词就得是自己直接想要达到的效果,这样更直接,搜索出来的答案也更对。下面是自己的实现代码:
<select onchange="window.open(this.options[this.selectedIndex].value)" name="select">
<option value=http://www.mamicode.com/"tumu.jsp" selected="selected">土木学院
<!-- <option value=http://www.mamicode.com/"http://www.microsoft.com">微软 -->
<option value=http://www.mamicode.com/"modi_person_info.jsp">基本信息
</select>
效果图如下:
单击下拉菜单里面的选项实现跳转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。