Question

我想问一下html下拉菜单。我们知道，html中的选项标签仅支持文本。但是，我需要创建一个显示图像列表的drowp down菜单。我找了它。我找到了几种方法，包括使用css或jquery。但是，这不是我想要的。这是我想要创建的内容：

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

上面的代码不起作用。是否有任何消息显示这样的下拉菜单？

感谢您的帮助。

Answer 1

检查这个:)

免费的轻量级jQuery插件，允许您使用图像和描述创建自定义下拉列表。

这个插件真是太棒了！

将图像和描述添加到其他无聊的下拉菜单中。
允许JSON填充下拉选项。
将您的HTML select元素转换为ddSlick。
使用最小css，无需下载外部样式表。
支持选择回调函数。
即使没有图像或描述也能正常工作！

<强> http://designwithpc.com/Plugins/ddSlick#demo

Answer 2

因为你不能用纯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>

Answer 3

浏览器只会在select标签内呈现文本，因此，如果您想使用显示图像而不是文本的选择器，则无法使用您需要的选择来构建您自己的可选对象。

这可能很难做到。您可以使用不同的预制解决方案，根据您的情况开发人员或尝试重新发明轮子。

下拉菜单选项是图像（不是文本）

3 个答案: