2 Menus deroulants dépendants ne fonctionne pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<HTML>
	 <HEAD>
		 <title>Menus deroulants liés</title>
			 <SCRIPT LANGUAGE="JavaScript">
 
			 liste=new Array();
			 liste[0] = new Array("[Choix recherche]");
			 liste[1] = new Array("A-Z","Z-A");
			 liste[2] = new Array("2000","2001","2002","2003","2004","2005","2006","2007","2008","2009");
			 liste[3] = new Array("Pate de verre","Vitrail","Souffleur");
 
			 function changeliste()
			 {
			 	 alert("toto")
				 choix=document.getElementById("listeA").value
				 t='<select name="listeB" id="listeB">'
				 	for(i=0;i<liste[choix].length;i++){
				 		t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>"
				 	}
				 t+='</select>'
				 document.getElementById("listeB_div").innerHTML=t
			 }
 
			 function set_URL()
			 {
			 ano = année[document.getElementById("listeA").value];
			 mes = mois[document.getElementById("listeB").value];
			 window.location.href('http://www.monsite.net/'+ano+'/'+mes);
			 }			
			 </SCRIPT>
	 </HEAD>
 
	 <BODY>
	 	<FORM id="monform" name="monform" onsubmit="set_URL()">
			 <DIV>
 
				<A id="listeA_div">
					 <SELECT id="listeA" SIZE=1 onchange=changeliste() name="listeA"> 
					 	<OPTION value=0>[Choix recherche]</OPTION> 
					 	<OPTION value=1>Alphabetique</OPTION>
					 	<OPTION value=2>Promotion</OPTION>
					 	<OPTION value=3>Specialite</OPTION> 
					 </SELECT>
				 </A>
 
				 <A id="listeB_div">
					 <SELECT id="listeB" name="listeB">
					 	<OPTION>[Selectionnez]</OPTION>
					 </SELECT>
				 </A>
 
			 	<INPUT type=submit value=GO>
 
			 </DIV>
	 	</FORM>
	 </BODY>
</HTML>

Voila j'ai recupere le code en essayant de l'adapter et sans succes, j'ai remarquer aussi qu'il ne rentre jamais dans ma fonction changeliste() car l'alert toto ne s'affiche pas!

Merci d'avance de votre aide