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

Question

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

所以有bootstrap-select（多个）。

是否可以在用户使用某些内容时不更改标题check/select？

行为类似于 Bootstrap 下拉列表。

示例：jsFiddle

Answer 1

你可以解决在每个 option 标签后放置 title:

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

fiddle: http://jsfiddle.net/aaach7sr/

无论选中哪个选项，select 栏的标题都将是 "something"。

Answer 2

没有任何 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 changable 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>

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

Always show one text in Bootstrap-select

html

javascript

twitter-bootstrap

bootstrap-select

更新