Grundlæggende brug

Enkelt select-bokse

Select2 var designet til at være en erstatning for den standard <select>, der vises af browseren. Som standard understøtter det alle muligheder og operationer, der er tilgængelige i en standard select-boks, men med ekstra fleksibilitet.

Select2 kan tage en almindelig markeringsboks som denne…

og gøre det til dette…,

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

Select2 vil lade sig registrere som et jQuery funktion, hvis du bruger en af distribution bygger, så du kan ringe .select2() på noget jQuery selector, hvor du gerne vil initialisere Select2.

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

Den DOM kan ikke være sikkert manipuleret, indtil det er “klar”., For at sikre dig, at din DOM er klar, før bro .seren initialiserer Select2-kontrollen, skal du pakke din kode i en $(document).ready() blok. Kun en $(document).ready() blok er nødvendig pr.

Multi-select-bokse (bunker)

Select2 understøtter også multi-value select-bokse. Select nedenfor er erklæret medmultiple attributten.

i din HTML: