Maison > Article > interface Web > Quelle est l'utilisation de select2 dans jquery
Dans jquery, select2 est utilisé pour optimiser la sélection afin de prendre en charge les sélections simples et multiples. Il prend également en charge l'affichage de groupe et la récupération de liste. Il s'agit d'un plug-in de liste déroulante basé sur jquery. .select2( )".
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Quelle est l'utilisation de select2 dans jquery ?
Select2 est un plug-in de liste déroulante basé sur JQuery. Il est principalement utilisé pour optimiser la sélection, prend en charge la sélection unique et la sélection multiple, et prend également en charge le groupe. affichage et récupération de listes.
select2 est un composant utilisé par Jquery pour remplacer la zone de sélection. Il vous permet de personnaliser les listes déroulantes et prend en charge la recherche, le balisage, les sources de données distantes, le défilement infini et d'autres fonctionnalités plus avancées.
L'adresse de téléchargement de select2 est : https://select2.github.io/. La version select2-4.0.0 est utilisée ici. Après avoir téléchargé cette version, décompressez le fichier. Il y a des fichiers js et css dans le répertoire dist. Vous devez référencer ces fichiers lorsque vous utilisez select.
Introduisez d'abord les CSS et js que vous venez de télécharger dans le projet. Avant d'introduire select2.js, nous devons d'abord introduire jquery.
Notez que les CSS et js dans le dossier select2 téléchargé ont des versions compressées et non compressées. Vous pouvez les importer selon vos propres besoins. La version compressée est présentée ici.
La syntaxe d'appel est la suivante :
$(function () { $("#myselect").select2();//调用插件 })
Bien sûr, nous devons faire quelques configurations pour cela, qui sont utilisées comme paramètres de select2() dans " $("#myselect").select2() " à travers des objets, par exemple, nous pouvons définir la largeur de la sélection :
$("#myselect").select2({ width:160,//设置select标签的宽度 });
Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!