Begrenzen Sie die Jquery-select2 maximale ausgewählten Optionen

Habe ich verwiesen auf diese docs zur Verfügung gestellt von select2 jquery-plugin.
http://ivaynberg.github.io/select2/

Aber wenn ich diesen code verwenden, um die Anzahl der Optionen ein Benutzer auswählen kann, zu einer Zeit:

$(document).ready(function(){
    $(".select2").select2({ maximumSelectionSize: 2 });
    });

Und hier ist der html-select-tag:

  <select id="store-name" name="state[]" class="select2-select-00 span6" multiple size="5"
            data-placeholder="Store" style="height:25px;">


        <?php foreach ($this->Store->get_all_stores_names() as $row) {

        //print_r($row);
          echo '<option value="' . $row->name . '"> ' . $row->name . '</option>';
        }
        ?>

    </select>

Wenn ich versuche, um ihn zu begrenzen , bekomme ich diese Fehlermeldung in der Konsole, "Uncaught TypeError: Object [object object] has no method 'select2' ".
Warum? Ich meine, der select2 funktioniert gut, was bedeutet, dass es js-Dateien geladen werden,dann warum bin ich nicht in der Lage, um ihn zu begrenzen?
Dank

  • Ich sehe nicht, das .select2 Klasse, in der Sie html
  • Ich habe sogar versucht es mit dem id-Selektor wie diesen: jQuery("#store-name").select2({ maximumSelectionSize: 2 }); immer noch die gleiche Fehlermeldung.
  • schöne arbeiten, danke 🙂
InformationsquelleAutor Faizan | 2013-11-05
  1. 5

    Verwenden maximumSelectionLength etwa so:

    $("#selectQQQ").select2({
    maximumSelectionLength: 3
});

    Erweiterung

    Select2 hat data -* - Attribute

    Bedeutung, dass Sie Ihre maximumSelectionLength parameter als HTML5-data-Attribute wie so:

    <select data-placeholder="Select a state" data-maximum-selection-length="2" ...>
    • ist es möglich, Daten hinzufügen-maximumSelectionLength="2" ?
    • ist es nicht funktioniert? Was ist deine Fehlermeldung?\
    • keine Fehler und er arbeitete mit dieser auf ein element data-maximum-selection-length="2"
    • Du hast Recht, ich vergessen habe, ein data-Attribut Weg, um es in die Antwort. Danke.
    InformationsquelleAutor Yevgeniy Afanasyev
Schreibe einen Kommentar