OVH Cloud OVH Cloud

recherche dans une liste déroulante

1 réponse
Avatar
Julie David
bonjour à tous


comment faire une recherche automatique dans une liste déroulante en faisant
une saisie

je m'explique :

j'ai une liste déroulante et je voudrai que lorsque je saisi une lettre
qu'elle m'affiche tous éléments dont le nom commence par cette lettre

je l'ai déjà vu sur site, comment faire?

Merci

julie D

1 réponse

Avatar
ASM
bonjour à tous


comment faire une recherche automatique dans une liste déroulante en faisant
une saisie

je m'explique :

j'ai une liste déroulante et je voudrai que lorsque je saisi une lettre
qu'elle m'affiche tous éléments dont le nom commence par cette lettre

je l'ai déjà vu sur site, comment faire?

Merci

julie D




L = new Array();
function montre(liste,ltr) {
ltr = ltr.toLowerCase();
// créer le tableau de la liste originelle
// s'il n'existe pas
if(L.length<=1)
for(var i=0;i<liste.length;i++) {
L[i] = new Array();
L[i][0] = liste.options[i].value;
L[i][1] = liste.options[i].text;
}
var O = new Array();
var T = new Array();
var j = 0;
// copier les options qui correspondent
// dans les nouveaux tableaux O et T
for(var i=0;i<liste.length;i++)
if(L[i][1].toLowerCase().substring(0,ltr.length-1)==ltr){
O[j]=L[i][0];
T[j]=L[i][1];
j++
}
// recréer la liste à partir des copies O et T
liste.options.length = O.length;
for(var i=0;i<O.length;i++) {
liste.options[i].value = O[i];
liste.options[i].text = T[i];
}
}

<input type="text" onkeyup="montre(monSelect,this.value);">
<select name="monSelect">
<option value="truc1"> Truc 1
... etc ...



--
Stephane Moriaux et son [moins] vieux Mac