Question

我遇到选择器的问题，我将其定义为：

 <select name='provs[]' id="prov" class="selectpicker" data-live-search="true" required multiple>

但是，当我选择数据时，它不会显示选项旁边的刻度。我正在使用bootstrap 2.3.2与bootstrap-select。我将css和js添加到我的断言中。我可以选择并获取值，但是当我选择它时，我无法看到选项旁边的刻度。

干杯，

Answer 1

查看您正在使用的脚本总是明智的，即使它们不是很重要，它们会在一段时间后有意义。

参考：https://github.com/caseyjhol/bootstrap-select/blob/master/bootstrap-select.js

见第942-965行并位于底部附近：

$.fn.selectpicker.defaults = {
.... // bunch of default settings
iconBase: 'glyphicon', // the font family for the checkmark
tickIcon: 'glyphicon-ok', // classname for the checkmark
...
};

默认为glyphicon，是Bootstrap 3的一部分。您需要安装此字体，或者您可以使用Font Awesome（访问他们的网站，按照说明操作）并在调用脚本时更改这两个值：

 $('.selectpicker').selectpicker({
   iconBase: 'NameofFOnt',
   tickIcon: 'classname'
});

Answer 2

在HTML页面中添加Font Awesome css。

%DeleteExc(_200701, _200702, _200703)

并在<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">和bootstrap-select.js

中替换这些内容

bootstrap-select.min.js

到

iconBase: 'glyphicon', tickIcon: 'glyphicon-ok'

Answer 3

由于Bootstrap-select使用Glyphicon，因此在Bootstrap 4中仍然存在此“问题”。汇总所有对我有帮助的答案（BS4.3.1，fa 5.7.1，BS-select 1.13.8）：

<select data-icon-base="fas" data-tick-icon="fa-check">

使用here

所述的蛇皮套

Bootstrap-Select不显示所选选项旁边的刻度（多个）

3 个答案: