Question

是否可以在多选选择器中使用选定文本格式“静态”和选定文本格式“count”？

这是我当前的选择标记：

<select id=“postcodeSelect" class="selectpicker" title="Postcode" data-size="5" data-live-search="true" multiple data-selected-text-format="static">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

现在它总是显示“邮政编码”，无论选择什么，但我希望它在选择3个邮政编码的情况下显示“邮政编码（选择3个项目）”。

Answer 1

这是您可以做到的：

    <select id="postcodeSelect" class="selectpicker" title="Postcode" data-size="5" data-live-search="true" multiple data-selected-text-format="count" data-count-selected-text="Postcode ({0} items selected)">
<option>1</option>
<option>2</option>
<option>3</option>

JsFiddle：http://jsfiddle.net/awb14kzg/

Answer 2

您不能使用多个data-selected-text-format，您唯一的选择是：

values：所选值的逗号分隔列表（默认）

count：如果选择了一个项目，则会显示选项值。如果选择了多个，则选择的项目数为   显示，例如选择了2个中的2个

count > x：其中x是数字   当显示格式从值更改为计数时选择的项目

static：无论选择如何，始终显示选择标题（占位符）

来源：https://silviomoreto.github.io/bootstrap-select/examples/#selected-text-format

如果问题清晰，我建议<label>确定<select>框的目的。与count > x结合使用应足以表明（在您的情况下）所选的X项是邮政编码。

Bootstrap selectpicker - 在一个selectpicker中使用两个不同的数据选择文本格式值

2 个答案: