主页 / 问题 / 1154402
Accepted
Рома
Asked:2020-07-18 22:44:20 +0000 UTC2020-07-18 22:44:20 +0000 UTC

如何将图像添加到选项标签？

  • 772

我做了一个这样的语言切换器：

$(document).ready(function() {
  var lang = document.getElementById("lang");
  lang.onchange = function() {
    window.location =
      "https://studyintomsk.ru" +
      lang.options[lang.options.selectedIndex].value;
  };
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="lang" id="lang">
  <option value="/">Русский</option>
  <option class="eng" value="/en/main">English</option>
</select>

代码可以正常运行，但是有一个问题：option不能在边上添加语言的图片\u200b\u200bin，我需要。

如何以不同的方式进行布局（带图片），但为了按照相同的原理工作（选择时抛出到所需的页面），必须在所选页面上显示所选语言。

javascript

2 个回答

  1. Best Answer

    类似的任务有这样的解决方案https://designwithpc.com/Plugins/ddSlick，我没有详细说明这个东西是如何工作的，但至少它已经写好了。

    • 3

  2. 您可以使用HTML Symbols或任何其他 3rd 方图标库，在文本旁边和/或代替文本添加简单的图形：

    <select>
  <option>&#174; Copyrighted</option>
  <option>&reg; Registered</option>
</select>

    • 3

相关问题