Changement liste2 à partir de choix liste1
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:
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 ... :D
