[AJAX] 3ème liste déroulante vide

Bonjour,

Je suis étudiante en licence multimédia et je n'ai commencé que depuis octobre le HTML puis depuis janvier j'ai commencé à voir les langages PHP et Javascript et la technologie AJAX. Je me galère depuis deux semaines à trouver une solution pour 3 listes déroulantes. C'est très important pour moi, je suis toute seule et personne pour m'aider. Je lis des tutoriaux toute la journée mais j'ia du mal à tout saisir.'ai repris le code sur les livres et auteurs https://siddh.developpez.com/articles/ajax/#LIV-A. D'ailleurs qui est un excellent tutorial.
J'ai voulu rajouter une 3ème liste, mais malheureusement, elle ne se charge pas.

Je ne demande pas de réponse toute faite, mais comprenez ça fait plus de deux semaines que je suis dessus...S'il-vous-plait de l'aide

Voici une partie de mon formulaire dans lequel il y a mes trois listes déroulantes:

<div id="corps">
<form method="POST" name="formulaire" action="inscription1.php" onsubmit="return validateForm(this)">
<div id="titreForm">Inscription à une formation</div>
<div id="corpForm">
	<fieldset id="formation">
		<legend>Formation</legend>
			<br />
			<p>
				<label for="forma" title="Veuillez sélectionner la formation souhaitée" class="oblig">*Formation souhaitée :</label>
				 <? include 'liste-formations2.php'; ?>
			</p>
			<p>
				<label for="date_forma" title="Veuillez sléectionner la date souhaitée" class="oblig">*Date:</label>
				 <span id="date_form" style='display:inline'>
				 <? include 'liste-dates2.php'; ?>
			
				 </span>
			</p>
			<p>	
				  <label for="ref_forma" title="Veuillez saisir le lieu souhaité" class="oblig">Lieu :</label>
				  <span id="lieu_form" style='display:inline'>
    			<? include 'liste-lieux2.php'; ?>
				 </span>
			</p>

	</fieldset>

Voici mes fonctions AJAX :

  
			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;
			}
			
			
			
			///// relation formation-date //////
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function getDatte(){
				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 en utilisant l'id du span
						document.getElementById('date_form').innerHTML = leselect;
					}
				}

				// Ici on va voir comment faire du post
				xhr.open("POST","liste-dates2.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 du select de la formation
				sel = document.getElementById('formations');
				idForma = sel.options[sel.selectedIndex].value;
				xhr.send("id_formations="+idForma);
			}
			
			
			
			
			///// relation date-lieu //////
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function getLieu(){
				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 en utilisant l'id du span
						document.getElementById('lieu_form').innerHTML = leselect;
					}
				}

				// Ici on va voir comment faire du post
				xhr.open("POST","liste-lieux2.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 du select de la date
				sel = document.getElementById('date_for');
				idDatte = sel.options[sel.selectedIndex].value;
				xhr.send("id_date="+idDatte);
			}

Puis ma page liste-formations2.php :

<?PHP
// include("connexionbd.php");
// Variables de connexion : ajustez ces paramètres selon votre propre environnement 
/* */$serveur = "localhost";
$user   = "root";
$mdp     = "";
$base    = "agilicom"; 

$connexion = mysql_connect($serveur, $user, $mdp) or die ("Connexion au serveur impossible");
if (!$connexion) {
	die('Could not connect: ' . mysql_error());
}
$choixbase = mysql_select_db($base, $connexion);
?>

<select name='forma' id='formations' onchange='getDatte()'>
<option value='-1'>Formations</option>
<?php
$sql = "SELECT id_formations, nom_formations
		FROM formation
		ORDER BY nom_formations";
$res = mysql_query ($sql) or die ("Exécution de la requête impossible");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row['id_formations']."'>".$row['nom_formations']."</option>";
}
?>
</select>

Ma page liste-dates2.php :

<?PHP
// include("connexionbd.php");
// Variables de connexion : ajustez ces paramètres selon votre propre environnement 
/* */$serveur = "localhost";
$user   = "root";
$mdp     = "";
$base    = "agilicom"; 

echo "<select name='date_formation' id='date_for' onchange='getLieu()'>";
if(isset($_POST["id_formations"])){

$connexion = mysql_connect($serveur, $user, $mdp) or die ("Connexion au serveur impossible");
if (!$connexion) {
	die('Could not connect: ' . mysql_error());
}

$choixbase = mysql_select_db($base, $connexion);

$res = mysql_query("SELECT*
					FROM date_formations
					WHERE id_formations= '".$_POST["id_formations"]."'
					ORDER BY date_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id_date"]."'>".$row["date_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir une date</option>";
echo "</select>";


?>

Enfin ma page liste-lieux2.php :

<?PHP
// include("connexionbd.php");
// Variables de connexion : ajustez ces paramètres selon votre propre environnement 
/* */$serveur = "localhost";
$user   = "root";
$mdp     = "";
$base    = "agilicom"; 



	// Affichage du lieu
echo "<select name='lieu_formation'>";
if(isset($_POST["id_formations"])&& isset($_POST["id_date"])){


$connexion = mysql_connect($serveur, $user, $mdp) or die ("Connexion au serveur impossible");
if (!$connexion) {
	die('Could not connect: ' . mysql_error());
}
$choixbase = mysql_select_db($base, $connexion);

$res = mysql_query("SELECT*
					FROM date_formations
					WHERE id_formations='".$_POST["id_formations"]."'
					AND id_date='".$_POST["id_date"]."'
					ORDER BY lieu_date");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id_date"]."'>".$row["lieu_date"]."</option>";
}
}
else
echo "<option value='-1'>Choisir un lieu</option>";
echo "</select>";

?>

Please help me !