select下拉option跳转页面

最新推荐文章于 2023-11-03 10:48:55 发布

转载最新推荐文章于 2023-11-03 10:48:55 发布 · 801 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/-YJ01-/p/7943258.html

本文介绍了一种使用HTML下拉菜单实现页面自动跳转的方法，通过在<select>标签中设置onchange事件，当选项改变时，浏览器将跳转到所选选项对应的URL。

1 <select class="dropdown" name="list" onchange="window.location=this.value;">
2    <option value="http://www.taobao.com">淘宝网</option>
3    <option value="http://www.tmall.com" selected=selected>天猫</option>
4    <option value="http://ju.taobao.com">聚划算</option>
5    <option value="http://www.fliggy.com">飞猪</option>
6 </select>