select 下拉中英版切换功能实现

最新推荐文章于 2021-05-30 19:05:02 发布

京城女女-

最新推荐文章于 2021-05-30 19:05:02 发布

阅读量2.8k

点赞数

分类专栏：问题解决

本文链接：https://blog.csdn.net/weixin_38498554/article/details/79084452

版权

本文介绍了如何在中英文版网站中利用select原生下拉框实现语言切换功能，包括遇到的问题如option无法直接触发click事件，需通过select的onchange方法处理，以及实现时应注意的细节，如选项值的设置和事件监听。

摘要由CSDN通过智能技术生成

公司经常会做到中英文版的网站，如何实现下拉框中英文切换呢，很多小伙伴肯定都会有自己的想法，我这能想到的就有两种，一种是用 ul li 模拟下拉框，用 a 标签实现跳转页面，第二种就是select原生下拉框实现跳转，今天我要记录的是第二种方式。

HTML(中文版):
<div class="wap-lang-container"> 
    <select> 
      <option value="CHN">CHN</option>  /*这块中英文版有所不同*/
      <option value="ENG">ENG</option> 
    </select>
 </div>

 HTML(英文版):
<div class="wap-lang-container"