Récupérer valeur select en javascript ajax

Bonjour,
J'aimerai récupérer la valeur de mon select liste12 en ajax et faire l'insertion des éléments séléctionnés dans une table mysql en php.
Pouvez-vous m'aider s'il vous plait ?
Merci beaucoup par avance :P

Voici mon code qui ne fonctionne pas pour le select :

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
47
48
49
50
 
function creerInstance(){
  if(window.XMLHttpRequest){
    /* Firefox, Opera, Google Chrome */
    return new XMLHttpRequest();
  }else if(window.ActiveXObject){
    /* Internet Explorer */
    var names = [
      "Msxml2.XMLHTTP.6.0",
      "Msxml2.XMLHTTP.3.0",
      "Msxml2.XMLHTTP",
      "Microsoft.XMLHTTP"
    ];
    for(var i in names){
      /* On test les différentes versions */
      try{ return new ActiveXObject(names[i]); }
      catch(e){}
    }
    alert("Non supporte");
    return null; // non supporté
  }
};
 
 
 
function envoyerDonnees (){
  var req =  creerInstance();
 /* On récupère les données du formulaire */
  var donneeClient =document.monFormulaire.liste12.value;
  req.onreadystatechange = function(){
  /* Si l'état = terminé */
  if(req.readyState == 4){
    /* Si le statut = OK */
    if(req.status == 200){
      /* On affiche la réponse */
      alert(req.responseText);
    }else{
      alert("Error: returned status code " + req.status + " " + req.statusText);
    }
  }
}
 
  /*On dit au serveur que les données du formulaire doivent se trouver dans la variable « donnees »*/
donneeClient = "liste12="+donneeClient ;
req.open("POST", "serveur_prono.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  /* Pour la commande POST les données sont mises dans le corps du message
      et donc passées en argument dans la fonction send */
req.send(donneeClient);
}

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<form id="prono" name="monFormulaire" action="serveur_prono.php" method="post">
 
    <fieldset>
        <legend>Vos coordonn&eacute;es</legend>               
        <ol>         
          <li>
            <label for="email">Email :</label>
            <input id="email" name="email" type="email" placeholder="exemple@domaine.com" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>" size="30" required autofocus>            
          </li>
 
          <li>
            <label for="password">Mot de passe :</label>
            <input id="password" name="password" type="password" value="<?php if (isset($_POST['password'])){echo $_POST['password'];} ?>" size="15" required autofocus>
          </li>                   
          </ol>
        </fieldset>         
 
          <fieldset>      
 
      <table>
 
         <tr>
        <th valign="top"  style="width:210px" >
        <?php
 
          $sql2 = "SELECT id_equipe,equipe FROM equipes_euro2016 order by equipe ASC";
          $res = mysql_query($sql2) or exit(mysql_error());
          ?>
 
        <select class="custom-dropdown__select custom-dropdown__select--white" align=top name="equipe" id="liste11" size="24" scrollbar="no" style="width:205px" onDblClick="basculer(this)">
        <optgroup label="- - - Choisissez vos quatres équipes - - -">
 
          <?php
          while($data=mysql_fetch_array($res))
          {          
          ?>                
 
          <?php   
            echo( "<option value=".$data["id_equipe"].">".$data["equipe"]."</option>" );
          }
 
          //mysql_close();          
 
      ?>
 
      </optgroup>                      
      </select>	
      </th>
      <th valign="top"><input type="button" onClick="Deplacer2('liste11','liste12')" value="Ajouter >"><br />
          <input type="button" style="width:80px" onClick="Deplacer2('liste12','liste11')" value="&lt; Enlever">
      </th>
      <th valign="top" style="width:210px">
 
      Vos s&eacute;lections
      <select name="liste12[]" id="liste12" size="5" multiple onclick="Obj=this;" valign="top" value="<?php if (isset($_POST['liste12'])){echo $_POST['liste12'];} ?>">                    
      </select>
      </th>
      <th valign="top" >                                              
		      <input type="button" name="boutMonter" id="boutMonter" value="Monter" onclick="Deplacer(-1);" style="width:80px"/>
          <input type="button" name="boutDesc" id="boutDesc" value="Descendre" onclick="Deplacer(1);" style="width:80px"/>
      </th>            
   </tr>
</table>  
      </fieldset> 
 
      <fieldset>
        <button id="gobutton" type="submit" name="go" value="validation" onclick="envoyerDonnees()">Validation</button> 
      </fieldset>
 
    </form>