JQuery : personnaliser les listes deroulantes

Le plugin JQuery Stylish Select permet comme son nom l’indique de styliser les listes déroulantes (balises html <select>).

jquery-select

Le plugin est simple à mettre en place. En outre, il permet de simuler toutes les petites fonctionnalités d’un select classique : gestion des flèches directionnelles, gestion des touches du clavier (si tu appuies sur la lettre « A », le premier élément commençant par cette lettre est sélectionné) ainsi que la gestion des « optgroup ».

Le tout est bien entendu customisable en CSS, la structure du code générée est facilement compréhensible, on ne se retrouve pas avec 50 <div> imbriqués.

Ce contenu a été publié dans JQuery, avec comme mot(s)-clé(s) , , . Vous pouvez le mettre en favoris avec ce permalien.

2 reponses a JQuery : personnaliser les listes déroulantes

  1. Xavier dit :

    Ce qui est bien, c’est que ca reste des car si on désactive JS, on garde quand même un selecteur classique et ca c’est pas mal!

  2. Lore dit :

    Y a un gros bug avec ce plugin… Quand on a trop d’élement dans la select list, il l’ouvre vers le haut avec une hauteur infinie et on ne sait plus rien selectionner…

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *