美文网首页
如何在select标签中使用a标签跳转页面

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

作者: 翻滚的前端程序员 | 来源:发表于2017-04-10 18:22 被阅读1938次
    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.

    相关文章

      网友评论

          本文标题:如何在select标签中使用a标签跳转页面

          本文链接:https://www.haomeiwen.com/subject/svceattx.html