Saisie de plusieurs caractère dans une liste déroulante

Bonjour

J'ai dans ma page des listes déroulantes contenant des codes postaux. J'aimerai que l'utilisateur puisse rechercher un code postal dans la liste en tapant plusieurs chiffres or actuellement on ne peut faire une recherche que sur la 1er lettre.

Je ne vois pas trop comment faire. En faisant une recherche j'ai vu un post similaire mais la seule réponse disait que c'était possible sans préciser comment faire ou donner de solution.

Si quelqu'un peut m'aider ca serait cool.

Merci

pas d'idée ?
Je précise que je souhaite utiliser une liste déroulante et non un champ texte car je veux empecher l'utilisateur de saisir un code postal qui n'existe pas et je veux lui permettre de regarder toutes les possibilités de la liste.
Le problème c'est que la liste peu être très longue (suivant la requête SQL qui la remplie) et le fait de pouvoir saisir plusieurs chiffres pour rechercher le cp serait plus ergonomique.
Enfin si quelqu'un a une solution alternative correspondant à ce que je recherche je suis aussi preneuse.

à chaque fois sur le onkeyup tu scannes la liste et tu positionnes le selectedIndex sur le bon ... à condition que les options soient classées par ordre croissant ...
sujet déja traité...

Je me doute que le sujet a été traité mais je n'ai pas trouvé de solution en faisant recherche avancée :?

Sinon j'ai essayé de faire une fonction en suivant tes indications mais ca ne fonctionne pas :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

var recherche = "";   function codeTouche(evenement){ for (prop in evenement){ if(prop == 'which') return(evenement.which); } return(evenement.keyCode); }   function rechercher(touche) { var codeDecimal = codeTouche(touche); var car = String.fromCharCode(codeDecimal); recherche = recherche + car; for (i=0;i<document.getElementById('cp').length;i++) { pos = document.getElementById('cp').options[i].value; if (pos >= recherche) { document.getElementById('cp').selectedIndex = i; i=document.getElementById('cp').length; } } }

---

Code:

---

<select name="cp" id="cp" onKeyUp="rechercher(event)">

---

Une idée ou une solution ?

Merci

en fait je viens de me rendre compte que quand je tapais sur le pavé numérique il me renvoyais pas le bon caractère ! 8O

Si je tape 3 sur le pavé numérique et que je fais un alert il me dis que le caractère est "c" alors que si je passe pas les autres touches il me renvoie bien "3". Comment faire ?