maximumSelectionSize不选择二工作

Question

我有一个多值选择，我想设置使用qazxsw POI库中选择项目的数量限制。

select2说我应该在对象初始化过程中设置Documentation。不幸的是，下面的代码无法正常工作：

maximumSelectionSize

我的HTML选择框：

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

<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>

什么是错的这个块的代码？

Answer 1

由于http://jsfiddle.net/x4oqL1jr/2/的4.0版本，他们已经取代select2与maximumSelectionSize。

因此，只要改变通过以下方式JS代码：

maximumSelectionLength

你可以找到最新的文档以下链接：

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

一切就像一个魅力：

https://select2.github.io/examples.html#multiple-max

更新：您还可以添加一个http://jsfiddle.net/4tk4hymn/1/属性在评论中指出。例如，看到data-maximum-selection-length="3"。