首页 > 代码库 > 单击下拉菜单里面的选项实现跳转

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

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

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

效果图如下:

技术分享

技术分享

技术分享

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