peruskäyttö

Single valitse laatikot

Select2 oli suunniteltu korvaamaan standardi <select> laatikko, joka näkyy selaimessa. Oletuksena se tukee kaikkia vaihtoehtoja ja toimintoja, jotka ovat saatavilla standardin valitse laatikko, mutta lisätään joustavuutta.

Select2 voi ottaa tällaisen tavallisen valintaruudun…

ja käännä se näin…,

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

Select2 rekisteröi itsensä jQuery toiminto, jos käytät mitä tahansa jakelu rakentaa, joten voit kutsua .select2() tahansa jQuery valitsin jos haluat alustaa Select2.

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

DOM ei voi turvallisesti manipuloida, kunnes se on ”valmis”., Varmista, että DOM on valmis ennen kuin selain alustaa Select2 ohjaus, kääri koodi $(document).ready() lohko. Sivua kohti tarvitaan vain yksi $(document).ready() lohko.

Multi-valitse laatikot (pesäke)

Select2 tukee myös multi-arvo valitse laatikot. Alla oleva valinta ilmoitetaanmultiple – attribuutilla.

HTML: