utilisation de base

boîtes de sélection simples

Select2 a été conçu pour remplacer la boîte standard <select> affichée par le navigateur. Par défaut, il prend en charge toutes les options et opérations disponibles dans une zone de sélection standard, mais avec une flexibilité accrue.

Select2 peut prendre une boîte de sélection régulière comme celle-ci…

et transformez-le en ceci…,

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

Select2 s’enregistrera en tant que fonction jQuery si vous utilisez l’une des versions de distribution, vous pouvez donc appeler.select2() sur n’importe quel sélecteur jQuery où vous souhaitez initialiser Select2.

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

Les DOM ne peuvent pas être manipulés en toute sécurité jusqu’à ce qu’il est « prêt »., Pour vous assurer que votre DOM est prêt avant que le navigateur initialise le contrôle Select2, encapsulez votre code dans un bloc $(document).ready(). Un seul bloc$(document).ready() est nécessaire par page.

sélectionner plusieurs cases (casemate)

Select2 prend également en charge multi-valeur des listes de sélection. La sélection ci-dessous est déclarée avec l’attribut multiple.

Dans ton HTML: