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

Question

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

所以就有了bootstrap-select(multiple)。

当用户检查/选择某些内容时是否可以不更改标题？

行为类似于 Bootstrap 下拉列表中的行为。

示例:jsFiddle

Answer 1

没有任何 JS :

fiddle :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 changeable text"data-selected-text-format="count>0"

fiddle :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>