[AJAX] recupération données ajax

bonjour,

j'ai créé une liste liée avec 3 listes déroulantes et un input qui marche correctement!

de cette liste liée j'ai créé un script de recupération de données qui marche correctement pour ma 1ère liste et mon input maintenant je voudrais recupéré celle de la 2ème liste déroulante mais je n'y arrive pas!

je vous donne mes codes

index.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
 
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('designation').innerHTML = leselect;
			      }
			   }
			   // Ici on va voir comment faire du post
			   xhr.open("POST","./ajax1.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('Id_ref');
			   id_ref = sel.options[sel.selectedIndex].value;
        		   xhr.send("Id_ref="+id_ref);
			}
 
 <form action="visualiser.php" method="post" enctype="multipart/form-data">
   <fieldset style="width: 800px">
    <legend>commande</legend>
 <label>reference</label>
				<select name='ref' id='Id_ref' onchange='go();'>
					<option value='ref_pdt'>reference</option>
					<?php
                                                include ('connexion.php');
                                                $res = mysql_query("SELECT * FROM reference");
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["ref_pdt"]."'>".$row["ref_pdt"]."</option>";
                                                }
                                        ?>
				</select>
				<label>designation</label>
				<div id='designation' style='display:inline'>
				<select name='designation'>
					<option value='designation'>designation</option>
				</select>
				</div>
 
    <label> Nbre de pièce </label>
    <input type="text" name="piece">

ajax1.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
if(isset($_POST["Id_ref"])){
		if (mysql_connect("localhost","root","root"); ) {
$requete = 'SELECT des.id, des.des_pdt, des.Qte, des.Id_ref FROM reference as ref 
             LEFT JOIN designation as des ON des.Id_ref = ref.id WHERE ref.ref_pdt = "' . mysql_escape_string($_POST['Id_ref']) . '"';
                    if ($res = mysql_query($requete) ) {
	echo "<select name='designation'>";
	while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["des_pdt"]."'>".$row["des_pdt"]."</option>";
	}
echo "</select>";
}
	if ($res = mysql_query($requete) ) {
             echo '<label> Qte/colis </label>';
	echo "<select name='qte'>";
	while($row = mysql_fetch_assoc($res)){
	echo "<option value='".$row["Qte"]."'>".$row["Qte"]. "</option>";
	}
	echo "</select>";
	}

visualiser.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
 
<?
$date = date("d-m-Y");
$heure = date("H:i");
$a=$_POST['ref'];
$b=$_POST['piece'];
$c=$_POST['designation'];
 
if (! file_exists($fich)) 
{
# si le fichier compteur n'existe pas, le créer vide
touch($fich);
echo "Le fichier $fich vient d'être créé !<p>";
}
$open= fopen($fich, 'r+');
fputs($open, $date);
fputs($open, "****");
fputs($open, $heure);
fputs($open, "\n");
fputs($open, "\n");
fputs($open, $a);
fputs($open, "****");
fputs($open, $b);
fputs($open, "****");
fputs($open, $c);
?>

comment faire pour recupérer la designation?