使用下拉列表中的选项放置图像

Question

我正在尝试在下拉列表中插入图像。我尝试了以下代码，但无法正常工作。实现此目的的最佳方法是什么？

<select>
  <option value="volvo"><IMG src="a.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Volvo</option>
  <option value="saab"><IMG src="b.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Saab</option>
  <option value="mercedes"><IMG src="c.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Mercedes</option>
  <option value="audi"><IMG src="d.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Audi</option>
</select>

Answer 1

此代码仅在Firefox中有效：

Answer 2

您无法使用纯HTML来做到这一点，但可以使用jQuery：

Answer 3

这正是您所需要的。在这里查看其运行8FydL/445

Answer 4

您需要使用CSS来实现

Answer 5

人们，我使这个Bootstrap下拉列表正常工作。我略微修改了click事件，以保留当前选择的图像。如您所见，USD货币是默认选择的：

Answer 6

我在这里找到了与浏览器兼容的JQuery插件。

Answer 7

签出并运行以下代码。它将帮助您...