maximumSelectionSize funktioniert nicht in Select2

Question

Ich habe eine mehrwertige Auswahl, und ich möchte die Beschränkung der Anzahl der ausgewählten Elemente mit der Bibliothek select2 festlegen.

Documentation sagt, dass ich während der Objektinitialisierung maximumSelectionSize setzen sollte. Leider funktioniert der folgende Code nicht:

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

Meine html selectbox:

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

Was ist mit diesem Stück Code falsch?

Answer 1

Seit der Version 4.0 von select2 haben sie maximumSelectionSize mit maximumSelectionLength ersetzt.

So ändern Sie einfach die js Code auf folgende Weise:

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

Sie können die neueste Dokumentation unter diesem Link finden: https://select2.github.io/examples.html#multiple-max

Alles wirkt wie ein Zauber:

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