Html 下拉菜单选项为图像（非文本）

我想问一下html下拉菜单。我们知道，html中的选项标记只支持文本。然而，我需要创建一个drowp下拉菜单来显示图像列表。我已经找过了。我找到了几种方法，包括使用css或jquery。然而，这不是我想要的。以下是我想要创建的内容：

<option value = blablabla><img src = "img/blbalba.txt"></option>

上面的代码不起作用。有什么建议可以显示这样的下拉菜单吗

谢谢您的帮助。

检查此项：）

一个免费的轻量级jQuery插件，允许您创建带有图像和描述的自定义下拉列表

这个插件有什么好酷的

• 将图像和说明添加到其他枯燥的下拉列表中
• 允许JSON填充下拉选项
• 将HTML select元素转换为ddSlick
• 使用最少的css，无需下载外部样式表
• 支持选择时的回调函数
• 即使没有图像或描述，效果也一样好

---

因为在普通HTML中无法做到这一点，但可以使用JQuery做到这一点

现在你可以这样做

<select>
<option value="img1" style="background-image:url(images/img1.png);">image 1</option>
<option value="img2"  style="background-image:url(images/img2.png);">image 2</option>
<option value="img3" style="background-image:url(images/img3.png);">image 3</option>
<option value="img4"  style="background-image:url(images/img4.png);">image 4 </option>
</select>

图1
图2
图3
图4

浏览器将只呈现select标记内的文本，因此，如果要使用显示图像而不是文本的选择器，则不能使用select，您需要构建自己的可选对象

---

这可能很难做到。您可以使用不同的预制解决方案，这些解决方案是针对您的情况开发的，或者尝试重新设计轮子

嗨，我试过了。但使用这种方式，图像将仅显示为图标。这不是我想要的。我想要的是，图像显示为下拉菜单的内容，而不仅仅是图标。你有什么建议吗？Thanks@user1814734：抱歉：（这是不可能的。请看，是的，截至发帖时，这只适用于Firefox。