Listes déroulantes liées

pedatic Messages postés 80 Statut Membre -  
Alain_42 Messages postés 5413 Statut Membre -
Bonjour,
J'ai un petit problème lors de la liaison de deux listes déroulantes (liste 2 et liste 3) avec une troisième liste (liste 1) dans mon formulaire, à titre d'information j'ai réussi à lier la liste déroulante (liste 2) avec la liste 1 dont je vais vous donner le code HTML par la suite, mais je veux ajouter et lier une deuxième liste (qui est la liste 3) à la liste 1 mais çà n'a pas marché.
Si quelqu'un peut m'aider à résoudre ce problème.
Merci d'avance.
Voici le code HTML de deux listes déroulantes :

<html>
<head>
<script type="text/javascript" language="JavaScript">
function Choix(form) {
i = form.TYPE.selectedIndex;
if (i == 0) {
for (i=0;i<4;i++) {
form.NIVEAU.options[i].text="";
}
return;
}
form.NIVEAU.selectedIndex = 0;
switch (i) {
case 1 : var txt = new Array (); break;
case 2 : var txt = new Array ('Cadre','Agent executif','Secretaire'); break;
case 3 : var txt = new Array ('Graduation','Master','Magister','Doctorat'); break;
}
form.NIVEAU.options[0].text="--- Selectionnez votre niveau ---";
for (i=0;i<4;i++) {
form.NIVEAU.options[i+1].text=txt[i];
}
}

</script>
</head>

<body>
<form name="form" ENCTYPE="text/plain" method="post" >
<table>
<tr>
<td width="42%"><strong>TYPE</strong><font color="#FF0000"> *</font></td>
<td><SELECT NAME="TYPE" onChange='Choix(this.form)'>
<OPTION valeu=""></OPTION>
<OPTION value="ENSEIGNANT">ENSEIGNANT</OPTION>
<OPTION value="PERSONNEL ADMINISTRATIF">PERSONNEL ADMINISTRATIF</OPTION>
<OPTION value="ETUDIANT">ETUDIANT</OPTION>
</SELECT></td>
</tr>
<tr>
<td width="42%"><strong>NIVEAU</strong><font color="#FF0000"> *</font></td>
<td><SELECT NAME="NIVEAU">
<OPTION ></OPTION>
<OPTION ></OPTION>
<OPTION ></OPTION>
<OPTION ></OPTION>
<OPTION ></OPTION>
</SELECT></td>
</tr>
</form>
</body>
</html>

1 réponse

Alain_42 Messages postés 5413 Statut Membre 894
 
Bonjour,

pourquoi ne fas tu pas pareil avec la liste 3 en rajoutant ça au switch case

switch (i) {
		case 1 : 
			var txt = new Array ();
			var txt2 = new Array ();
		break;
		case 2 :
			var txt = new Array ('Cadre','Agent executif','Secretaire');
			var txt2 = new Array ('xxx','tttt','yyyyy');
		break;
		case 3 :
			var txt = new Array ('Graduation','Master','Magister','Doctorat'); 
			var txt2 = new Array ('ddddd','kkkk','uuyuy','ssfdsff'); 
		break;
	}


et après tu fais pareil pour txt2 que tu as fait pour txt
1