maximumSelectionSize 在 Select2 中不起作用

Question

我有一个多值 select，我想使用 select2 库设置 selected 项的数量限制。

Documentation 说我应该在对象初始化期间设置 maximumSelectionSize 。不幸的是，以下代码不起作用：

$(document).ready(function () {
    $("#select_demo").select2({
        maximumSelectionSize: 3
    });
});

我的htmlselect盒子：

<div class="form-group">
    <select id="select_demo" multiple="multiple" class="form-control select2 select2-container-multi">
        <optgroup label="One">
            <option>one</option>
            <option>two</option>
            <option>three</option>
            <option>four</option>
        </optgroup>
        <optgroup label="Two">
            <option>one2</option>
            <option>two2</option>
        </optgroup>
        <optgroup label="Three">
            <option>one3</option>
            <option>two3</option>
            <option>three3</option>
            <option>four3</option>
        </optgroup>
    </select>
</div>

http://jsfiddle.net/x4oqL1jr/2/

这段代码有什么问题？

Answer 1

自从 select2 的 4.0 版以来，他们已将 maximumSelectionSize 替换为 maximumSelectionLength。

所以，只需按以下方式更改 js 代码：

$(document).ready(function () {
    $("#select_demo").select2({
        maximumSelectionLength: 3
    });
});

您可以在 link 之后找到最新的文档：https://select2.github.io/examples.html#multiple-max

一切都很顺利：

http://jsfiddle.net/4tk4hymn/1/

更新： 您还可以添加评论中指出的 data-maximum-selection-length="3" 属性。例如，参见 http://jsfiddle.net/1b8y9uzh/。