如何在select标签中使用a标签跳转页面

1. 需求： 在select中想直接使用a标签跳转，错误想法
<select id="">
    <option>choose one</option>
    <option><a href="https://www.baidu.com">百度</a></option>
    <option><a href="https://www.qq.com">腾讯</a></option>
    <option><a href="https://www.360.com">360</a></option>
    <option><a href="https://http://www.mi.com/">小米</a></option>
</select>

很遗憾，没有任何效果。

2.正确解决方案

<select id="" onchange="window.location=this.value">
    <option>choose one</option>
    <option value="https://www.baidu.com">百度</option>
    <option value="https://www.qq.com">腾讯</option>
    <option value="https://www.360.com">360</option>
</select>

It's OK.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容