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
Voici mon code qui ne fonctionne pas pour le select :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
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 php : Sélectionner tout - Visualiser dans une fenêtre à part
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é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="< Enlever"> </th> <th valign="top" style="width:210px"> Vos sé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>
Partager