Basic usage (Deutsch)

Single select boxes

Select2 wurde als Ersatz für das Standardfeld <select> entwickelt, das vom Browser angezeigt wird. Standardmäßig werden alle Optionen und Vorgänge unterstützt, die in einem Standardauswahlfeld verfügbar sind, jedoch mit zusätzlicher Flexibilität.

Select2 kann ein reguläres Auswahlfeld wie dieses verwenden…

und verwandle es in dieses…,

<select class="js-example-basic-single" name="state"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option></select>

Select2 registriert sich als jQuery-Funktion, wenn Sie einen der Distributions-Builds verwenden, sodass Sie .select2() in jedem jQuery-Selektor aufrufen können, in dem Sie Select2 initialisieren möchten.

// In your Javascript (external .js resource or <script> tag)$(document).ready(function() { $('.js-example-basic-single').select2();});

Das DOM kann nicht sicher manipuliert werden, bis es „fertig“ist., Um sicherzustellen, dass Ihr DOM bereit ist, bevor der Browser das Select2-Steuerelement initialisiert, wickeln Sie Ihren Code in einen $(document).ready() – Block. Nur ein $(document).ready() – block benötigt pro Seite.

Multi-Select-Boxen (pillbox)

Select2 unterstützt auch mehrwertige Auswahlfelder. Die folgende Auswahl wird mit dem Attribut multiple deklariert.

In Ihrem HTML: