Discussion :

[Oluha]

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

[Oluha]

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.

[SpaceFrog]

à 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é...

[Oluha]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Une idée ou une solution ?

Merci

[Oluha]

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 !

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 ?