Grunnleggende bruk

Enkelt velge boksene

Select2 var ment å være en erstatning for en standard <select> boksen som vises i nettleseren. Som standard støtter alle valg og handlinger som er tilgjengelig i en standard velger du boksen, men med ekstra fleksibilitet.

Select2 kan ta en vanlig velg boksen som dette…

og slå den inn i dette…,

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

Select2 vil registrere seg som en jQuery-funksjonen hvis du bruker noen av fordelingen bygger, slik at du kan ringe .select2() på en jQuery-velger hvor du ønsker å initialisere Select2.

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

DOM ikke kan trygt manipulert til det er «klar»., For å sørge for at din DOM er klar før nettleseren initialiserer Select2 kontroll, pakk inn koden i en $(document).ready() blokker. Bare en $(document).ready() blokker er nødvendig per side.

Multi-velg bokser (pillbox)

Select2 støtter også multi-verdi velg bokser. Velg nedenfor er deklarert med multiple attributtet.

I HTML-koden: