Discussion :

[miabi]

Bonjour je me permets de poster ce message suite a une grosse difficulté que je rencontre avec mes 3 menu déroulants.
Le premier menu permet d'avoir les infos dans le deuxième (jusque la tout va bien) et le deuxième devrait permettre d'avoir les informations du troisième (et c'est le que ça va plus), le xhr.readyState reste à 1 lors de la deuxième recherche.

J'ai vu ce message (http://www.developpez.net/forums/d97...change-select/) qui semble être le même probléme mais j'ai eu beau chercher je ne trouve pas la solution.

Code fonction :

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
 
function go2(){
 
var xhr2 = getXhr();
 
xhr2.onreadystatechange = function(){
 
	if(xhr2.readyState == 4 && xhr2.status == 200){
 
leselect2 = xhr2.responseText;
 
						document.getElementById('PaysDiv').innerHTML = leselect2;
					}
				}
 
 
	xhr2.open("POST","ajaxPays.php",true);
 
	xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
	sel2 = document.getElementById('listeDepartement');
	idDepartement = sel2.options[sel2.selectedIndex].value;
 
	xhr2.send("IdDepartement="+idDepartement);
 
			}
 
function go3()
			{	
 
	var xhr3 = getXhr();
	xhr3.onreadystatechange = function()
				{
		alert(xhr3.readyState);
		if(xhr3.readyState == 4 && xhr3.status == 200){
			leselect3 = xhr3.responseText;
			alert('test');
						document.getElementById('DivlisteEPCI').innerHTML = leselect3;
 
					}
				}
 
alert(xhr3.readyState);
		xhr3.open("POST","ajaxEPCI.php",true);
xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
		sel3 = document.getElementById('ListePays');
 
		idPays = sel3.options[sel3.selectedIndex].value;
alert(xhr3.readyState);
		xhr3.send("IdPays="+IdPays);
			}

Code HTML :

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
 
<label for="listeDepartement">Département :</label>
					<div id='DepartementDiv' style='display:inline'>
				<SELECT  onchange=go2() name="listeDepartement" type="Select" id=listeDepartement >
 
		<option value = -1>Choissisez un département</option>
		<?php
                include ("../../include/connexion.php");
                
                                        $sql = 'SELECT * FROM Departement ORDER BY Id_Departement ASC';
                                        $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
                                        
                                while($data = mysql_fetch_assoc($req))
                                {
                                echo '<option value="'.$data['Id_Departement'].'">'.$data['Nom'].'</option>';
                                }
                                mysql_close($conn);
                ?>
		</SELECT></div>
		<p>
		<label for="ListePays">Pays :</label>
			<div id='PaysDiv' style='display:inline'>
			<SELECT name='ListePays'  type="Select" id=ListePays onchange=go3()>
					<option value='-1'>Choisir un Pays</option>
			</SELECT></div>
		</p>		
		<p>		
		<label for="listeEPCI">EPCI :</label>
		<div id='EPCIDiv' style='display:inline'>
			<select name='listeEPCI' type="Select" id=listeEPCI>
					<option value='-1'>Choisir EPCI</option>
				</select>
				</div>
		</p>

Merci

[miabi]

Solution trouvé si jamais ça interresse le probléme vient de IdPays dans la fonction go2(), en changeant cette variable tout est ok