码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-11 11:00:04      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:select   下拉菜单   跳转   jsp   单击   

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

一开始打算采用的技术是: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>

效果图如下:

技术分享

技术分享

技术分享

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

标签:select   下拉菜单   跳转   jsp   单击   

原文地址:http://blog.csdn.net/tuntunwang/article/details/42609393

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!