[AJAX] AJAX et 3 Select.

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:

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:

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