Bonsoir.
Ce script m'a ensorcelé toute l'après midi et pourtant j'en vois toujours le bout.
Quelqu'un pourrait-il m'aider?
<HTML>
<HEAD>
<TITLE>2 Selects dépendants en JavaScript</TITLE>
<script type="text/javascript">
function gensel2()
{ s2.length=0;
for ( var n=0; n<list[s1.selectedIndex].length; n++ )
{ s2.length++;
s2.options[s2.length-1].text=list[s1.selectedIndex][n];
}
}
</script>
<script type="text/javascript">
function gensel3()
{ s3.length=0;
for ( var k=0; k<liste[s2.selectedIndex].length; k++ )
{ s3.length++;
s3.options[s3.length-1].text=liste[s2.selectedIndex][k];
}
}
</script>
</HEAD>
<BODY>
<form name="frm">
<select size=4
name="sel1"
id="sel1"
onchange="gensel2();">
<optgroup label="Choisissez votre rubrique">
<option>Sixième</option>
<option>Cinquième</option>
<option>Quatrième</option>
<option>Troisième</option>
</optgroup>
</select>
<select size=4
name="sel2"
id="sel2"
onchange="gensel3();">
<optgroup label="Choisissez votre rubrique">
</optgroup>
</select>
<select size=4
name="sel3"
id="sel3">
<optgroup label="Choisissez votre rubrique">
</optgroup>
</select>
</form>
<script type="text/javascript">
var s1=document.getElementById("sel1");
var s2=document.getElementById("sel2");
var list=new Array(
new Array("Numérique","Géométrie"),
new Array("Numérique","Géométrie"),
new Array("Numérique","Géométrie"),
new Array("Numérique","Géométrie")
);
</script>
<script type="text/javascript">
var s3=document.getElementById("sel3");
var liste=new Array(
new Array("..."),
new Array("non","Finistère","Ille-et-Vilaine","Morbihan"),
new Array ("Priorités opératoires","Fractions","proportionnalité","Calcul littéral","Nombres relatifs","Statistiques"),
new Array("à venir "),
new Array("nombres relatifs","Fractions","Puissances","calul littéral","Equations","Proportionnalité"),
new Array("but")
);
</script>
</BODY></HTML>
Dans la 3e liste, ce sont toujours ... et non,finistère,etc qui apparaissent. Quelqu'un voit-il pourquoi?
Merci beaucoup