Amélioration simple d'un tag SELECT · 14 octobre, 20:56 by lx
Voilà un script assez simple qui permet d’améliorer l’expérience utilisateur lorsque dans un long formulaire il est amené à choisir une option dans une longue liste déroulante (souvent le choix d’un pays…).
Exemple avec une liste de pays :
Dès lors que la liste est séléctionnée (a le focus), il suffit à l’utilisateur de commencer à saisir les premières lettres de son pays.
Le script va afficher un div près du select (position paramétrable) affichant la saisie en cours.
Il va également séléctionner au tout au long de la saisie les options de la liste qui correspondent au texte saisie (dans l’ordre de la liste).
Ce script utilise la très bonne librairie prototype.js.
Quelques liens utiles à ce propos :
Site officiel
Une documentation
Il a été testé avec succès sur IE6+ et FF 1.0.x
