0

我想问一下html下拉菜单。众所周知，html 中的 option 标签只支持文本。但是，我需要创建一个显示图像列表的下拉菜单。我已经搜索过了。我找到了几种方法，包括使用 css 或 jquery。然而，这不是我想要的。这是我要创建的内容：

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

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

谢谢您的帮助。

4

3 回答 3

0

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

这可能很难做到。您可以使用人们之前开发的不同预制解决方案，或者尝试重新发明轮子。

于 2013-07-09T10:22:03.717 回答
0

检查这个:)

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

这个插件有什么了不起的！

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

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

于 2013-07-09T10:18:56.040 回答
0

因为你不能用纯 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-09T10:19:10.257 回答