Liste déroulantes liées

<div class="form-group">
    <label class="control-label col-md-2" for="idap">Application:</label>
    <div class="col-md-3"> 
      <select name="idap" class="form-control" id='application' onchange='go()'>
          <option value='-1'>Aucun</option>
    <?php 
$donnee=$connect->query("SELECT * FROM application");
while($e=$donnee->fetch(PDO::FETCH_ASSOC)){
echo '<option value="'.$e['idap'].'" >'.$e['libap'].'</option>';
}$data->closeCursor();

?> </select></div>  
                  
     <div class="form-group" id="profil">
    <label class="control-label col-md-3" for="idpro">Profil:</label>
  
    <div class="col-md-3"> 
      <select name="profil" class="form-control col-md-3">
             <option value='-1'>Choisir un libellé</option>
    </select></div></div>
                
        </div>       

<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 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('profil').innerHTML = leselect;
                                                
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","script.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'application
				sel = document.getElementById('application');
				idap = sel.options[sel.selectedIndex].value;
				xhr.send("idap="+idap);
                                
			}
                        
                       
                     
                            
		</script>
                

 <select name="profil" class="form-control col-md-3" onchange='goo()'>

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('idpro').innerHTML = leselect;
                                                
					}
				}

document.getElementById('idpro')

 <div class="form-group">
    <label class="control-label col-md-2" for="idap">Application:</label>
    <div class="col-md-3"> 
      <select name="idap" class="form-control" id='application' onchange='go()'>
          <option value='-1'>Aucun</option>
    <?php 
$data=$connect->query("SELECT * FROM application");
while($d=$data->fetch(PDO::FETCH_ASSOC)){
echo '<option value="'.$d['idap'].'" >'.$d['libap'].'</option>';
}$data->closeCursor();
?> </select></div>  
                  
     <div class="form-group" id="profil">
    <label class="control-label col-md-3" for="idpro">Profil:</label>
 
    <div class="col-md-3"> 
      <select name="idpro" class="form-control col-md-3" id='profil2' onchange='goo() >
             <option value='-1'>Choisir un profil</option>
    </select></div></div>
                
        </div> 

<div class="form-group" id="dpro">
    <label class="control-label col-md-3" for="dpro">Libellé du profil:</label>
 
    <div class="col-md-3"> 
      <select name="dpro" class="form-control col-md-3" >
             <option value='-1'>Choisir un profil</option>
    </select></div></div>

<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 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('profil').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","script.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'application
				sel = document.getElementById('application');
				idap = sel.options[sel.selectedIndex].value;
				xhr.send("idap="+idap);
			}
	function goo(){
				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('dpro').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","script2.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 profil
				sel = document.getElementById('profil2');
				idpro = sel.options[sel.selectedIndex].value;
				xhr.send("idpro="+idpro);
			}
		</script>

<?php
include('base.php');
?>
  
<html>
    <head>
        <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="css/bootstrap/style.css"> 
    </head>
    <body>
     <form> 
         
              
    <div class="form-group" id="profil">
    <label class="control-label col-md-3" for="idpro">Profil:</label>
     <div class="col-md-3">
        
     <?php

	echo "<select name='idpro' class=form-control>";
	if(isset($_POST["idap"])){
		
     $data=$connect->query("SELECT idpro,libpro FROM profil 
			WHERE idap=".$_POST["idap"]." order by libpro");
                          while($a=$data->fetch(PDO::FETCH_ASSOC)){       
			echo "<option value='".$a["idpro"]."'>".$a["libpro"]."</option>";
		}
	}
	echo "</select>";
        
?>
 
   </div></div>
         
               

    </form>
    </body>

<?php
include('base.php');
?>
  
<html>
    <head>
        <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="css/bootstrap/style.css"> 
    </head>
    <body>
     <form> 
         
  <div class="form-group" id="dpro">
    <label class="control-label col-md-3" for="idpro">Profil:</label>
     <div class="col-md-3">
        
        
     <?php

	echo "<select name='dpro' class=form-control>";
	if(isset($_POST["idpro"])){
		
     $data=$connect->query("SELECT idpro FROM profil 
			WHERE idpro=".$_POST["idpro"]." order by dpro");
                          while($a=$data->fetch(PDO::FETCH_ASSOC)){       
			echo "<option value='".$a["dpro"]."'>".$a["dpro"]."</option>";
		}
	}
	echo "</select>";
        
?>
 
   </div></div>
         
               

    </form>
    </body>