[AJAX] récupérer valeur de la 2ième listebox

Version imprimable

Bonjour,
j'ai trouvé un tuto pour faire 2 listes déroulantes liées.
Je voudrais simplement récupérez la valeur lorsque on clique sur un choix de la deuxième liste.
Le problème comment récupérez la valeur car le code est sur une autre page.
Ce n'est pas la peine, je pense, de vous montrer le code Ajax.
Page index

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<fieldset style="width: 500px">
				<legend> &nbsp;D&eacute;stination </legend>
				<br>
				<label>Pays</label>
				<select name='pays' id='pays' onchange='go()'>
					<option value='-1'>Choisir un pays</option>
					<?php
                                                $res = mysql_query("SELECT * FROM pays ORDER BY nom_pays");
                                                echo $res;
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["id_pays"]."'>".$row["nom_pays"]."</option>";
                                                }
                                        ?>
				</select>
				<label>Villes</label>
				<div id='region' style='display:inline'>
				<select name='region'>
					<option value='-1'>Aucun</option>
				</select>
				</div>
				<br>
			</fieldset>

page region.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
 
<?php
	echo "<select name='region'>";
	if(isset($_POST["id_pays"])){
 
	$host="127.0.0.1";
	$user="root";
	$pswd="";
	$base="ozair";
	if (!mysql_connect($host,$user,$pswd)){
		exit("Echec de connexion au serveur...");
	}
	if (!mysql_select_db($base)){
		exit("Echec de sélection de la base...");
	}
	if($_POST["id_pays"]==-1){
		echo "<option value='-1'>Aucune</option>";
	}else{
			$res = mysql_query("SELECT id_region , id_pays, nom_region FROM ville 
				WHERE id_pays=".$_POST["id_pays"]." ORDER BY nom_region");
			$NbreData = mysql_num_rows($res);
			if ($NbreData != 0) {
			while($row = mysql_fetch_assoc($res)){
				echo "<option value='".$row["id_region"]."'>".$row["nom_region"]."</option>";
 
 
			}
			}else{
			echo "<option value='-1'>Aucune Ville</option>";
			}
 
	}
	}
 
	echo "</select>";
 
 
?>

ici je voudrais récupérer $row["id_region"], car lorsque qu'on clique sur une région, je voudrais faire afficher des infos concernant cet région.
Mais je ne vois pas comment récupérer $row["id_region"] pour faire mon traitement dans la page index.php

22/07/2010, 08h02
andry.aime

Bonjour,
Donne lui un id et tu récupère sa valeur comme tu as récupéré la valeur du premier select :P ensuite tu lances une requête Ajax pour l'envoyer vers le serveur.

A+.

merci
J'ai mis l'id mais je ne vois pas comment la récupérer.
car elle est sur region.php et je voudrai la récupérer sur index.php en POSt
j'ai fait ceci

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
 
function go(){
				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('region').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","region.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('pays');
				idpays = sel.options[sel.selectedIndex].value;
				xhr.send("id_pays="+idpays);
 
 
				xhr.open("POST","index.php",true);
					xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id region
				sel1 = document.getElementById('region');
				idregion = sel1.options[sel1.selectedIndex].value;
				xhr.send("id_region="+idregion);
 
 
			}

mais sa ne donne rien