Les sélections déroulantes en HTML font partie des éléments les plus nativement non conviviaux. Les dénommer est une tâche pénible et, à la base, les fonctionnalités ne sont pas très utiles, sauf si vous avez un nombre limité d’articles avec des besoins limités.
C'est là que Chosen entre en jeu. Il s'agit d'une bibliothèque javascript qui rend l'expérience du menu déroulant beaucoup plus agréable, ainsi que du point de vue des fonctionnalités.
Ci-dessus, vous pouvez voir la fonctionnalité choisie par défaut. Il a fière allure et dispose, par défaut, d’un mécanisme de recherche simple pour filtrer les résultats dans le cas où vous auriez une grande quantité d’éléments dans votre liste déroulante. Commencez par inclure les fichiers javascript et css. Ensuite, initialisez-les avec le code ci-dessous.
C'est aussi simple que ça. Passons maintenant au niveau suivant: que se passe-t-il si vous souhaitez pouvoir modifier les fonctionnalités du menu déroulant pour permettre plusieurs sélections? Recherchez «Rouge» ci-dessous, puis appuyez sur Entrée, recherchez «Bleu», puis appuyez sur Entrée. Maintenant, vous pouvez les supprimer tout aussi facilement de votre sélection en appuyant simplement deux fois sur le X ou le retour arrière.
Tout ce que vous avez à faire est de passer l'option multiple dans l'appel de la sélection comme indiqué ci-dessous. Le javascript est inchangé, il est initialisé exactement de la même manière.
