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

时间:2015-01-30 10:09:52

标签: javascript html twitter-bootstrap bootstrap-select

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

所以有bootstrap-select(多个)。

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

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

示例:jsFiddle

2 个答案:

答案 0 :(得分:1)

您可以解决在每个选项标记后添加标题的问题:

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

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

无论选择什么选项,选择栏的标题都是“某事”。

答案 1 :(得分: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>