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

我想问一下html下拉菜单。正如我们所知，html中的option标签只支持文本。但是，我需要创建一个显示图像列表的drowp下拉菜单。我已经找到它了。我发现了几种方法，包括使用CSS或jQuery。但是，那不是我想要的。这里是我想要创建的内容：下拉菜单选项是图像（不是文本）

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

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

谢谢你的帮助。

来源

2013-07-09 user1814734

检查这个兄弟:)

免费重量轻的jQuery插件，它允许您创建一个自定义下拉用图像和描述。

这个插件有什么好玩的！

添加图像和说明，否则无聊的下拉。允许JSON填充下拉选项。将您的HTML选择元素转换为ddSlick。使用最低css而无需外部样式表下载。支持选择回调函数。即使没有图像或描述，也能很好地工作！

http://designwithpc.com/Plugins/ddSlick#demo

来源

2013-07-09 10:18:56

嗨，我试过了。但通过这种方式，图像将只显示为图标。这不是我想要的。我想要的是，图像显示为下拉菜单的内容，而不仅仅是图标。你有什么建议吗？谢谢 – user1814734

@ user1814734：对不起（这不可能，请参阅http://www.w3.org/TR/html-markup/option.html –

，你可以这样做，在纯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>

来源

2013-07-09 10:19:10

嗨，我已经试过了，但它不适用于chrome :( – user1814734

是的，只有在发布时才能在Firefox中使用。 –

浏览器将只呈现一个选择标签中的文字，所以，如果你婉使用选择，显示的不是文本图像，你不能用一个选择你将需要建立自己的可选对象。

这可能很难做到。您可以使用不同的预先制定的解决方案，让人们根据自己的情况制定以前的方案，或尝试重新发明车轮

来源

2013-07-09 10:22:03 Bardo

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

回答

相关问题