Recuperation d'une variable

Bonjour,
SVP je veux recuperer les valeur d'une liste "filiere" et "option" de cette formulaire:

<html>
 <head>
  <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('option').innerHTML = leselect;
     }
    }
 
    // Ici on va voir comment faire du post
    xhr.open("POST","ajaxfofo.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('filiere');
    id = sel.options[sel.selectedIndex].value;
    xhr.send("iD="+id);
   }
  </script>

 </head>
 <body>
 <style type="text/css">
select {
font-size : 13px ;
width : 220px ;
}
 </style>
 <h3>Consulter la liste de PFE licence fondamentale 2014/2015</h3>
 <form action="consulter.php" method="post">
           <table>
          <tr>
     <td>Filiere<td>
     
    <select name='filiere' id='filiere' onchange='go()'>
    
     <option value='-1'>choisir une filiere</option>
     <?php

                      error_reporting(0);

                      $db = mysql_connect("localhost","root",""); //(serveur bd , utilisateur , mot de passe )

                     //tester la connexion avec la bd

                       include("conne.php");


    
                     $sql = ' select * from filiere  order by nom';
                     $rep = mysql_query($sql) OR die ('erreur sql ! <br>' .$sql.mysql_error() );


                 //fetch : recupérer des lignes à  partir du tabqui contient les données 

                     while ($data = mysql_fetch_assoc($rep))
                      { 
                     echo "<option value='".$data["id"]."'>".$data["nom"]."</option>";

                       } 
     ?>
    </select>
    <td>
    </tr>
    <tr>
     <td>Option<td>
    <div id='option' style='display:inline'>
    <select name='option' >
     <option value='-1'>Choisir une option</option>
    </select>
        </tr>
         <tr>
     <td><td>
     
      <input type="submit" name="choisir" value="choisir">
      <td>
     <td>
    </tr>
   </table>
   </form>
 </body>
</html>

ajaxfofo.php

<?php

 echo "<select>";
 if(isset($_POST["iD"])){
 include("conne.php");
  $res = mysql_query("select id , nom from option_filiere WHERE  id_filiere =".$_POST["iD"]." ORDER BY nom");
  while($row = mysql_fetch_assoc($res)){
  echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
  }
 }

EDIT : Ajout des balises de code !