podstawowe użycie

pojedyncze pola wyboru

Select2 został zaprojektowany jako zamiennik standardowego pola <select> wyświetlanego przez przeglądarkę. Domyślnie obsługuje wszystkie opcje i operacje, które są dostępne w standardowym polu wyboru, ale z dodatkową elastycznością.

Select2 może przyjmować zwykłe pole wyboru takie jak to…

i przerobić na to…,

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

Select2 zarejestruje się jako funkcja jQuery, jeśli używasz dowolnej kompilacji dystrybucji, więc możesz wywołać.select2() w dowolnym selektorze jQuery, w którym chcesz zainicjować Select2.

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

dom nie może być bezpiecznie manipulowany, dopóki nie jest”gotowy”., Aby upewnić się, że DOM jest gotowy przed zainicjalizowaniem przez przeglądarkę kontrolki Select2, zawiń kod w blok $(document).ready(). Na stronę potrzebny jest tylko jeden blok$(document).ready().

pola wyboru wielu wartości (pillbox)

select2 obsługuje również pola wyboru wielu wartości. Wybór poniżej jest zadeklarowany atrybutem multiple.

w Twoim HTML: