用js中的图像和文本替换选择选项

Question

我正在尝试用某些图片和文字替换select选项，但没有成功。我选择代码如下：

    <select class="te-combo"><option value="">Select Language</option>
<option value="en">English</option><option value="zh-TW">Chinese</option>
<option value="fr">French</option><option value="de">German</option>
</select>

我的js代码是：

 <script type="text/javascript">
  jQuery("document").ready(function() {
 jQuery('select option:contains("English")').text('<span class="l_name">English</span><img alt="English" width="30" height="30" title="English" src="images/flags/en_US.png">');
});

        </script>

也可以使用js代码创建选择字段。

Answer 1

参见以下示例。它使用库ddslick

www.aspdotnet-suresh.com/2014/04/jquery-custom-dropdown-with-images-ddslick-plugin.html

Answer 2

<option>中允许的唯一内容是文字（请参阅the documentation中的允许的内容）。如果您想要下载图像，则无法使用<select>，并且需要选择一些提供此功能的过多库。