maximumSelectionSize在Select2中不起作用

Question

我有一個多值選擇，並且我想使用select2庫設置對選定項目數量的限制。

Documentation說我應該在對象初始化期間設置maximumSelectionSize。不幸的是，下面的代碼無法正常工作：

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

我的HTML選擇框：

<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

由於版本4.0的select2他們已將maximumSelectionSize替換爲maximumSelectionLength。

所以，僅僅改變JS通過以下方式代碼：

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

您可以找到最新的文檔以下鏈接：https://select2.github.io/examples.html#multiple-max

一切就像一個魅力：

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