javascript - 始终在 Bootstrap-select 中显示一个文本

Question

<select class="selectpicker" multiple title="Not changable text">
     <option>Mustard</option>
     <option>Ketchup</option>
     <option>Relish</option>
</select>

所以有引导选择（多个）。

用户检查/选择时是否可以不更改标题？

Bootstrap 下拉菜单中的行为。

示例：jsFiddle

Answer 1

没有任何 JS ：

小提琴：http: //jsfiddle.net/re8tevoc/1/

 <select class="selectpicker" multiple title="Not changable text" data-show-content data-count-selected-text="Not changable text" data-selected-text-format="count>0">
         <option data-content="">Mustard</option>
         <option data-content="">Ketchup</option>
         <option data-content="">Relish</option>
 </select>

更新

抱歉，我的代码没有有用的属性... 只需添加data-count-selected-text="Not changable text" data-selected-text-format="count>0"

小提琴：http: //jsfiddle.net/re8tevoc/2/

代码：

 <select class="selectpicker" multiple title="Not changable text" data-count-selected-text="Not changable text" data-selected-text-format="count>0">
         <option>Mustard</option>
         <option>Ketchup</option>
         <option>Relish</option>
 </select>

Answer 2

您可以解决在每个选项标签之后放置标题的问题：

<option title="something">Mustard</option>
<option title="something">Ketchup</option>
<option title="something">Relish</option>

小提琴：http: //jsfiddle.net/aaach7sr/

无论选中哪个选项，选择栏的标题都是“某物”。