Bonjour à tous,

J'ai deux liste déroulante.
Je choisis une option sur la première et en fonction de l'option choisi j'ai des options dans la deuxième.
Tout fonctionne bien sur IE et Mozilla.

Ensuite je souhaite valider mes choix et je passe par un POST pour enregistrer les données.
Sous IE aucun problème je récupère bien ma première liste et ma deuxième.
En revanche sur Mozilla, la variable de la deuxième liste n'existe pas et donc erreur.

Voilà mon script ajax :
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
 
<script type='text/javascript'>
 
 
			function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
 
 
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go1(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('magasin').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax_client.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				sel = document.getElementById('enseigne');
				enseigne = sel.options[sel.selectedIndex].value;
				xhr.send("enseigne="+enseigne);
			}
 
 
 
 
</script>
Ma page ajax_client.php :

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
if (isset($_POST["enseigne"])) 
	{
	include ('connexion_base.php');
 
 
	if ($_POST["enseigne"] == '')
		{
 
		echo '<select name="magasin" style="font-size: 10px; min-width: 100px;">';
		echo "<option value=''></option>";
		echo "</select>";
		}
	else
		{
 
		$res = mysql_query("SELECT id_mag, nom FROM magasin WHERE enseigne='".$_POST["enseigne"]."' ORDER BY nom");
        echo '<select name="magasin" style="font-size: 10px; min-width: 200px;">';
        echo "<option value=''></option>";
		while($row = mysql_fetch_assoc($res))
			{
 
			echo "<option value='".$row["id_mag"]."'>".$row["nom"]."</option>";
			}
		echo "</select>";
 
		}
	}
Merci d'avance de votre aide !