如何在bootstrap multiselect中添加标签？

Question

我们是否有任何选项可以将图像显示为默认值。

代码：

<select id="example-post" style="width:120px;!important;" class="footerSelect" name="multiselect[]" multiple="multiple">
    <option value="1">test</option>
    <option value="2">test1</option>
    <option value="3">test2 </option>             

</select>

 $('.multiselect-selected-text').text('Options');

此处我想要将图像显示为默认值而不是选项。

示例图片：

Answer 1

您只需在按钮中添加glyphicon即可。

<span class="glyphicon glyphicon-pencil"></span>

完整示例：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true">
      <span class="glyphicon glyphicon-pencil"></span>
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
  </ul>
</div>

<强> JSFiddle

此外，您可以使用jQuery动态添加此类元素。

var span = $('<span></span>');
span.addClass('glyphicon');
span.addClass('glyphicon-pencil');
$('#foo').html(span);

Answer 2

找到答案：

我刚加了这个。

$('.multiselect-selected-text').addClass('fa fa-check-square-o fa-6');

由于