Jquery et autocomplete d'un autre champ

Bonjour à tous,

je suis novice en Js et enocre plus avec jquery...

Je souhaite mettre en place un autocomplete pour remplir un champ Ville à partir du code postal d'une ville (exclusivement France).

Lorsqu'un code postal n'a qu'une référence de ville, pas de problème.
En revanche, lorsqu'il y a plusieurs villes pour un même CP, je souhaiterais que l'internaute puisse sélectionner la ville avec la souris (ca ca marche) ou avec les flêches du clavier.

voici mon bout de code :

if (valSplit[0] == '1') {
// lecture du code retour
var Formatage=valSplit[2];
					
//formatage du  retour
var valSplitFormatage = Formatage.split(',');
					
var K='';
					
if (valSplitFormatage.length==1) {
	//une seule ville, donc je remplis le champ ville et le champ caché CodeInsee, et enfin je donne le focus à la ligne adresse
	var valSplitVilleInsee = valSplitFormatage[0].split('||');	
	CodeInsee=valSplitVilleInsee[0];
	Ville=valSplitVilleInsee[1];
						
	fillrs2(CodeInsee);
	fillrs(Ville);
						
	document.getElementById("adressSecureLogin").focus();
						
} else {
	// plusieurs villes en retour, donc je vide d'abord  le champ ville si la personne a fait plusieurs tests de Code Postal
	Ville='';
	document.getElementById("citySecureLogin").value=Ville;
						
	for (i=0; i<valSplitFormatage.length; i++) 
		{
		var valSplitVilleInsee = valSplitFormatage[i].split('||');
							
		CodeInsee=valSplitVilleInsee[0];
		Ville=valSplitVilleInsee[1];
		K=K+'<li onclick="fillrs2(\''+CodeInsee+'\');fillrs(\''+Ville+'\');">'+i+''+Ville+'</li>';
			
		}
		
	 				
	$('#suggestionsrecherche').show();
	var B='<div class="suggestionList" id="autoSuggestionsListrecherche">';
	B=B+K;
	B=B+'</div>';
						
	document.getElementById("autoSuggestionsListrecherche").innerHTML=B
						
	} 
}

resultat actuel visible ici

merci par avance pour vos conseils [/i]

Bonjour,

je cherche à faire la même chose que toi.
as-tu réussi depuis?