Changement liste2 à partir de choix liste1

**maxinfos** · 02/05/2007, 10h26

Bonjour,

j'ai un code javascript généré par du php pour remplir 2 listes, et les éléments de la 2ème listes sont affichés en fonction de la première liste ...
Mon code fonctionne parfaitement sur Firefox, mais pas sur IE ... et je dois impérativement faire tourner ce script sur ie .... voici le code généré par le php sur ma page web :

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
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
<script language="javascript">
<!--
menu=new Array();
 
menu[0]=new Array();
menu[0][0]=new Option('BUC 1MW - ALB 180 0100 - 143340E');
 
menu[1]=new Array();
menu[1][0]=new Option('PAGING RECEIVER - 8466A - R120-4749');
menu[1][1]=new Option('PAGING RECEIVER - 8466A - R130-4774');
 
menu[2]=new Array();
menu[2][0]=new Option('SIU5073 - MDL5073S0200 - 33599');
menu[2][1]=new Option('SIU5073 - MDL5073S0108 - 33291');
 
function change(numeroMenu)
{
	alert("CHANGE");
	if(numeroMenu!=-1)
	{
		alert(document.getElementsByName("menuDeroulant")[0].id_article.options.length);
		for (i=document.getElementsByName("menuDeroulant")[0].id_article.options.length-1;i>=0;i--) //on vide la liste
		{
			document.getElementsByName("menuDeroulant")[0].id_article.options[i]=null;
		}
 
		for (i=0;i<menu[numeroMenu].length;i++) //en rempli avec les article du projet sélectionné
		{
			document.getElementsByName("menuDeroulant")[0].id_article.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value);
		}
	}
	else
	{
		for (i=document.getElementsByName("menuDeroulant")[0].id_article.options.length-1;i>0;i--)
		{
			document.getElementsByName("menuDeroulant")[0].id_article.options[i]=null; //on vide la liste
		}	
		document.getElementsByName("menuDeroulant")[0].id_article.options[i]=new Option("Selectionner un client et son projet" , null); //on rempli la liste	
	}
 
	document.getElementsByName("menuDeroulant")[0].id_article.selectedIndex=0;
}
 
function selectmenu()
{
	alert("MENU : " + document.getElementsByName("menuDeroulant")[0].id_client.selectedIndex);
	if (document.getElementsByName("menuDeroulant")[0].id_client.options[document.getElementsByName("menuDeroulant")[0].id_client.selectedIndex].value == "null")
	{
		alert('Selectionnez un client et son projet');
		change(-1); //on réinitialise la 2ème liste
 
	}
	else
	{
		change(document.getElementsByName("menuDeroulant")[0].id_client.selectedIndex - 1);
	}
}
-->
</script>
 
<form name="menuDeroulant" action="page.php?action=creer" method="POST">
 
<select  onChange="selectmenu()" name="id_client">
<OPTION selected VALUE="null">Selectionner un client-projet
<option>BILFINGER - Nigeria</option>
<option>E*MESSAGE - E*message</option>	
<option>TOTAL - Angola</option>	
</select>
 
<select  name="id_article">
<OPTION VALUE="null">Selectionner d'abord un client-projet
</select>
 
 
<input name="submit" type="submit" value="valider" />
</form>

Merci pour tout élément de réponse que vous pourrez m'apporter ...

**deY!** · 02/05/2007, 10h57

Ca fonctione chez moi sur FF 2.0.0.3 et IE 6

**roro06** · 02/05/2007, 11h36

Bonjour
chez moi itou FF 2.0.0.3 et IE 7

**maxinfos** · 02/05/2007, 13h34

Merci d'avoir testé ... en fait, je remarque que si le code est généré par PHP, j'ai une erreur javascript sur IE. Cependant, si je fais un copier-coller du code-source de la page générée, et que je le met dans une page html, aucune erreur !!!!!
Un problème au niveau de l'interpréteur PHP ???