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

如何在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.

链接:https://www.jianshu.com/p/6abfe8c7c04d

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112690.html原文链接:https://javaforall.net

(0)
上一篇 2021年11月3日 上午8:00
下一篇 2021年11月3日 上午8:00


相关推荐

  • XPath解析中的 ‘Element a at 0x5308a80’是什么

    XPath解析中的 ‘Element a at 0x5308a80’是什么话不多说,直接上代码以链家网为例,解析网页打印出来的东西居然不是想象中的html文件,而是“<Elementhtmlat0x52e5c10>”这么个东西。这个东西其实是一个元素,后面会介绍到。现在还是说说怎么把这个东西变成我们能看懂的html内容吧。fromlxmlimportetreeimportrequestsfromlxml.htmlimport…

    2025年9月26日
    7
  • LeetCode——Valid Palindrome

    LeetCode——Valid Palindrome

    2022年2月1日
    39
  • 国际邮箱有哪些比较出名_国际上比较认可的邮箱

    国际邮箱有哪些比较出名_国际上比较认可的邮箱经济全球化,越来越多的企业选择跨国贸易,包括外贸、物流、软件科技等行业。在和客户谈生意时,虽然邮箱这个工具不起眼,但是却有着举足轻重的作用,如TOM国际企业邮箱。什么国际邮箱靠谱?企业注册国际邮箱,一般选择企业邮箱。要说什么国际邮箱靠谱,首先考虑海外邮件收发稳定性,其次是安全性。和普通邮箱相比,TOM企业邮箱的国内外邮件收发更安全,拥有专属的收发信通道,邮件加密传输,让用户丝毫不会担心邮件安全。公司用邮箱来往的信息,大多为重要信息,最好能长期存储,无限容量的企业邮箱可长期存储,单次发送邮件附件最大2

    2026年2月25日
    6
  • seajs简易使用说明

    seajs简易使用说明一 引用 nbsp nbsp lt scriptsrc public js sea js data main main main gt lt script gt nbsp nbsp 在 html 页面使用 script 标签引入 seajs 文件 nbsp nbsp 设置属性 data main 指定你写的功能 js 代码文件 避免了在 html 页面上写 seajs use 代码 nbsp nbsp 当然也可以在 html 页面写你的代码 但是前

    2026年3月16日
    3
  • DataGrip2022.01.12激活码【中文破解版】[通俗易懂]

    (DataGrip2022.01.12激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html2KLKA7BQFO-eyJsaWNlbnNlSW…

    2022年4月1日
    161
  • 从手工作坊到工业化生产!MCP 标准化 AI 工具调用(附 FastMCP 实战代码)

    从手工作坊到工业化生产!MCP 标准化 AI 工具调用(附 FastMCP 实战代码)

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号