引导程序下拉菜单中的图像[重复]答案

【问题标题】：Image inside dropdown on bootstrap [duplicate]引导程序下拉菜单中的图像[重复]
【发布时间】：2016-05-02 15:20:00
【问题描述】：

我尝试在搜索文本字段中创建一个带有下拉菜单的搜索框，我想为每个选项添加不同的图像

现在这是我的结果：

http://www.bootply.com/TqXN4y8Se5

图片不可见，无法在下拉菜单中添加图片？

感谢您的帮助！

【问题讨论】：

stackoverflow.com/questions/5562149/…

标签： javascript html twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

html 选项标签只支持文本

查看其他 pst Adding images with option tag

尽管您可以使用引导程序下拉组件。

http://getbootstrap.com/components/#dropdowns

尽管它需要自定义 javascript 来监听变化并做出相应的反应。

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

【讨论】：

【解决方案2】：

您可以使用背景图片，但不能跨浏览器使用。或者你可以使用像http://jqueryui.com/selectmenu/#custom_render这样的jquery

【讨论】：