Základní použití

posted in: Articles | 0

Single select boxy

Select2 byl navržen jako náhrada za standardní <select> políčko, které se zobrazí v prohlížeči. Ve výchozím nastavení podporuje všechny možnosti a operace, které jsou k dispozici ve standardním vybraném poli, ale s větší flexibilitou.

Select2 může mít pravidelné vybrané pole, jako je toto…

a proměňte ji v tuto…,

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

Select2 bude registrovat jako jQuery funkce, pokud používáte některý z distribuce staví, takže můžete volat .select2() na nějaké jQuery selector, kde byste chtěli inicializovat Select2.

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

DOM nelze bezpečně manipulovat, dokud je „připraven“., Chcete-li se ujistit, že je váš DOM připraven dříve, než prohlížeč inicializuje ovládací prvek Select2, zabalte kód do bloku $(document).ready(). Na stránku je potřeba pouze jeden$(document).ready() blok.

Multi-select boxy (krabička)

Select2 také podporuje multi-hodnota vyberte pole. Níže uvedený výběr je deklarován pomocí atributumultiple.

ve vašem HTML:

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *