select下拉option跳转页面

ZF10001

于 2017-12-01 16:46:00 发布

阅读量787

点赞数 1

CC 4.0 BY-SA版权

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

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>