【问题标题】:Always show one text in Bootstrap-select始终在 Bootstrap-select 中显示一个文本
【发布时间】:2015-01-30 20:10:00
【问题描述】:
<select class="selectpicker" multiple title="Not changable text">
     <option>Mustard</option>
     <option>Ketchup</option>
     <option>Relish</option>
</select>

所以有 bootstrap-select(multiple)。

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

Bootstrap 下拉菜单中的行为。

例如:jsFiddle

【问题讨论】:

    标签: javascript html twitter-bootstrap bootstrap-select


    【解决方案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&gt;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>
    

    【讨论】:

      【解决方案2】:

      你可以解决把 title 放在每个 option 标签之后的问题:

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

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

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

      【讨论】:

      • 你能为此制作 jsfiddle 吗? :-)
      • @phillip100 我的示例是针对您只能选择一个选项而不是多个选项的情况..
      • 问题是关于 multiple,这就是我要求 jsfiddle 示例的原因 :-)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多