Liste déroulante qui devient folle

Bonjour, c'est de nouveau moi :D

J'ai plusieurs listes déroulantes qui dépendent les une des autres, quand je change la premiére les 4 autres doivent changer.

Cependant juste les 2 des 4 changent, et quand je change la principale, je vois les 2 autres (qui ne se remplissent pas) se remplir l'espace d'un dixiéme de seconde et de nouveau devenir vide...

Quelqu'un sait dou peut provenir ce problème?

Boule de crystal, oh boule de crystal ... 8O

arf mince elle est en panne, je ne vois pas ton code ... :roll:

Désolé, il est un peu bcp long...

alors mon fichier php

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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
//Fonction permettant d'afficher la liste des sites suivant la société
function fcsite(form,list)
{
 
list.options.length=0;
 
if(form.societe_materiel.value == "0")
{
	var o=new Option("Choix Site","0");
	form.site_materiel.options[form.site_materiel.options.length]=o;
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	var o=new Option("Choix Site","0");
	form.site_materiel.options[form.site_materiel.options.length]=o;
	<?php
		while($data=mysql_fetch_array($sql_site))
		{
			print "if(form.societe_materiel.value == \"".$data['sit_idsociete']."\")\n";
			print "{\n";
			print "if(form.site_materiel2.value == \"".$data['sit_idsite']."\")\n";
			print "{\n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\");\n");
			print "\n}\n";
			print "form.site_materiel.options[form.site_materiel.options.length]=o;\n}\n";
		}
	?>
}
 
}
 
//Fonction permettant d'afficher la liste des étages suivant le site
function fcetage(form,list)
{
 
list.options.length=0;
 
if(form.site_materiel.value == "0")
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	<?
		while($data=mysql_fetch_array($sql_etage))
		{
			print "if(form.site_materiel.value == \"".$data['eta_idsite']."\")\n";
			print "{\n";
			print "if(form.etage_materiel2.value == \"".$data['eta_idetage']."\")\n";
			print "{\n";
			print ("var o=new Option(\"".$data['eta_libelle']."");
			print ("\",\"".$data['eta_idetage']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print ("var o=new Option(\"".$data['eta_libelle']."");
			print("\",\"".$data['eta_idetage']."\");\n");
			print "\n}\n";
			print "form.etage_materiel.options[form.etage_materiel.options.length]=o;\n}\n";
		}
	?>
}
}
 
//Fonction permettant d'afficher la liste des services suivant le site
function fcservice(form,list)
{
 
list.options.length=0;
 
if(form.site_materiel.value == "0")
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
	<?
		while($data=mysql_fetch_array($sql_service))
		{
		print "if(form.site_materiel.value == \"".$data['ser_idsite']."\")\n";
		print "{\n";
		print "if(form.service_materiel2.value == \"".$data['ser_idservice']."\")\n";
		print "{\n";
		print ("var o=new Option(\"".$data['ser_libelle']."");
		print ("\",\"".$data['ser_idservice']."\",\"true\",\"selected\");\n");
		print "\n}\n";
		print "else \n {";
		print ("var o=new Option(\"".$data['ser_libelle']."");
		print("\",\"".$data['ser_idservice']."\");\n");
		print "\n}\n";
		print "form.service_materiel.options[form.service_materiel.options.length]=o;\n}\n";
		}
	?>
}
 
}

et le fichier tpl

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
<tr class="tab"  id="champ_choixmodele" style='display:none'>
				<td width="40%">Modéle :</td>
				<td width="60%"><select name="choixmodele_materiel" id="choixmodele_materiel" onchange="go();fcsite(this.form,this.form.site_materiel);fcetage(this.form,this.form.etage_materiel);fcservice(this.form,this.form.service_materiel);">
							<option value="0">Aucun</option>
						</select>
				</td>
			</tr>
<tr class="tab">
				<td width="40%" >Societe :</td>
				<td width="60%" ><select name="societe_materiel" id="societe_materiel" align="top" OnChange="fcsite(this.form,this.form.site_materiel);">
							<option value="0">Choix Société</option>
							{section name=idx loop=$smarty_table_mysql3}
							<option value="{$smarty_table_mysql3[idx].soc_idsociete}">{$smarty_table_mysql3[idx].soc_nom|stripslashes}</option>
							{/section}
						</select></td>
			</tr>	
 
			<tr class="tab">
				<td width="40%" >Site :</td>
				<td width="60%" ><select name="site_materiel" id="site_materiel" align="top" OnChange="fcetage(this.form,this.form.etage_materiel);fcservice(this.form,this.form.service_materiel);">
						 	<option value="0">Choix Site</option>
						 </select>
				</td>
			</tr>
			<tr class="tab">
				<td width="40%" >Etage :</td>
				<td width="60%" ><select name="etage_materiel" id="etage_materiel">
							<option value="0">Choix Etage</option>
						 </select>
				</td>
			</tr>
			<tr class="tab">
				<td width="40%" >Service :</td>
				<td width="60%" ><select name="service_materiel" id="service_materiel">
							<option value="0">Choix Service</option>
						 </select>
				</td>
			</tr>

J'ai peut être trouvé une piste, si dans une des mes functions je fais un alert, les données restes dans mes listes, elles ne disparaissent pas....:bug:

avant de repeupler les listes fasi leur le coup du :

Code:

obj.options.length=0

j'ai fait comme tu ma dit, mais cette fois ci c'est pire, seulement 1 liste se rempli et avec la mauvaise valeur...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
		while($data=mysql_fetch_array($sql_site))
		{
			print "if(form.societe_materiel.value == \"".$data['sit_idsociete']."\")\n";
			print "{\n";
			print "if(form.site_materiel2.value == \"".$data['sit_idsite']."\")\n";
			print "{\n";
			print "form.site_materiel.options.length=0 \n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print "form.site_materiel.options.length=0 \n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\");\n");
			print "\n}\n";
			print "form.site_materiel.options[form.site_materiel.options.length]=o;\n}\n";
		}
	?>

tes fonctions javascript ne peuvent rappeller le code php
-> ajax...

Non, pas besoin d'ajax,cela fonctionne maintenant, je ne sais pas pourquoi m'enfin...

Merci à tous