Listes déroulantes liées avec ajax

<tr><td align="right"><b>Nom de l'élève :</b></td>
<?php
  echo "<td width='100' align='left'><div id='divNom' name='divNom' style='display:inline'>";
  echo "<select name='nom' id='nom' onChange='goNom(),goFiche()' class='dyn'>";
  echo "<option selected value='-1'></option>";
  mysql_query("SET NAMES UTF8");
  $sql = mysql_query("SELECT DISTINCT nom_etud FROM etudiant ORDER BY nom_etud;");
  while ($row = mysql_fetch_array($sql))    //, MYSQL_ASSOC
	{ echo "<option value=".$row['nom_etud'].">".$row['nom_etud'].""; }
  echo '</select></div></td></tr><tr><td></td></tr>';
?>
<tr><td align="right"><b>Prénom de l'élève :</b></td>
<?php
echo "<td width='100' align='left'><div id='divPrenom' name='divPrenom' style='display:inline'>";
echo "<select name='prenom' id='prenom' onchange='goPrenom()' class='dyn'>";
echo "<option selected value='-1'></option>";
 mysql_query("SET NAMES UTF8");
$sql = mysql_query("SELECT DISTINCT prenom_etud FROM etudiant ORDER BY prenom_etud;");
while ($row = mysql_fetch_array($sql))
    { echo "<option value=".$row['prenom_etud'].">".$row['prenom_etud'].""; }
echo '</select></div></td></tr><tr><td></td></tr>';  
   ?>

/* Méthode qui sera appelée sur le click du select nom */
function goNom(){
  // ce IF permet de ne pas bloquer le select "prenom" lorsqu'on a effectué un choix sur chaque select
  if (document.getElementById('nom').options[document.getElementById('nom').selectedIndex].value != document.getElementById('prenom').options[document.getElementById('prenom').selectedIndex].value) 
  {
    var xhr = getXhr();
  	// On défini ce qu'on va faire quand on aura la réponse à l'aide d'une fonction 'anonyme'
  	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('divPrenom').innerHTML = leselect;
  		}
  	}
  	// Ici on envoi la requete en post au fichier "http1.php"
  	xhr.open("POST","http1.php",true);
  	// ne pas oublier le header pour le post
  	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  	// enfin, on post les arguments, ici le nom de l'étudiant
  	sel = document.getElementById('nom');
  	id_nom = sel.options[sel.selectedIndex].value;
        xhr.send("id_nom="+id_nom);
}

// Changement du select nom
if (isset($_POST["id_nom"]))
{
  // Regénération du select "prenom" lorsqu'ajax envoi "id_nom"
  echo "<select name='prenom' id='prenom' class='dyn' onChange='goPrenom()'>";
  if ($_POST["id_nom"]==-1)
  { 
    $sql = mysql_query("SELECT * FROM etudiant ORDER BY prenom_etud");
    echo "<option value='-1' SELECTED></option>";
  }
  else { $sql = mysql_query("SELECT prenom_etud, nom_etud FROM etudiant 
  WHERE nom_etud='".$_POST['id_nom']."' ORDER BY prenom_etud;"); }
  
  $i=0; // permet de savoir si on a au moins un résultat
  while($row = mysql_fetch_assoc($sql))
  {
    echo "<option value='".utf8_encode($row['prenom_etud'])."'>".utf8_encode($row['prenom_etud'])."</option>";
    $i++;
  }
  if ($i==0) { echo" <option value='-1'>Aucun resultat</option>" ;}
  echo "</select>";
}