首页 > 其他 > 详细

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

时间:2015-01-11 10:59:09      阅读:213      评论:0      收藏:0      [点我收藏+]

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

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

效果图如下:

技术分享

技术分享

技术分享

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!