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

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

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

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

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

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

下面是自己的实现代码:

<select οnchange="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>

效果图如下:




评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值