Bonjour les gens,
J'ai un pb de listes déroulantes dépendantes.
L'idee est simple J'ai deux listes déroulantes, nommons les 'select_centre' et 'select_lieu'.
J'aimerais qu'en choisissant un champs de 'select_centre', les champs de 'select_lieu' soient modifiés en consequence.
Voici la fonction javascript qui permettrait de faire ceci.
Et voici le code HTML ds ma page
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 function seletionner_lieu(form1) { i = documents.forms["form1"].select_centre.selectedIndex; if(i==0){ return}; switch(i){ case 1 : var txt = new Array('Lieu-CROMEP-1','Lieu-CROMEP-2','Lieu-CROMEP-3'); break; case 2 : var txt = new Array('Lieu-POUDRE-1','Lieu-POUDRE-2','Lieu-POUDRE-3'); break; case 3 : var txt = new Array('Lieu-ENERES-1','Lieu-ENERES-2','Lieu-ENERES-3'); break; } documents.forms["form1"].select_centre.SelectedIndex = 0; for(i=0;i<3;i++) {documents.forms["form1"].select_lieu.options[i+1].text = txt[i];} }
Seulement le pb c'est que tout cela ne marche pas, je n'btiens rien sur la deuxieme liste.
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 <select name="select_centre" disabled="disabled" onChange="selectionner_lieu(this.forms["form1"])"> <option></option> <option>CROMEP</option> <option>Poudres et procédés</option> <option>Energétique</option> </select> </td> <td> <input type="checkbox" name="checkbox_lieu" onclick="activer_lieu();" disabled="disabled"> Lieu </td> <td colspan="2"> <select name="select_lieu" disabled="disabled"> <option>-- Choisissez un lieu --</option> <option></option> <option></option> <option></option> </select>
Si vous pouviez m'aider ca serai très cool
En vous remerciant
PS aux modos: Je ne sais pas si c'est un pb js ou html, alors je ne sais pas si j'utilise le bon forum, veuillez m'excuser d'avance
Partager