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

【问题标题】：Bootstrap selectpicker - use two different data-selected-text-format values in one selectpickerBootstrap selectpicker - 在一个 selectpicker 中使用两个不同的数据选择文本格式值
【发布时间】：2018-02-13 12:55:58
【问题描述】：

是否可以在多选选择器中使用 selected-text-format “static” 和 selected-text-format “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 个邮政编码。

【问题讨论】：

标签： twitter-bootstrap bootstrap-selectpicker

【解决方案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/

【讨论】：

multiple data-selected-text-format="count" data-count-selected-text="Postcode ({0} items selected)" 这些是需要完成的属性

【解决方案2】：

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

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

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

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

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

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

如果问题是清晰，我建议使用<label> 来确定@987654328@ 框的用途。结合count > x 应该足以传达（在您的情况下）选择的 X 项是邮政编码。

【讨论】：

我希望 bootstrap 可以为我做到这一点：/ 无论如何，感谢 Robert 的回答！