Bonjour,
j'ai un soucis avec mes listes déroulantes ajax/php, en fait ca fonctionne mais j'aimerais plutot poster le nom dans la base au lieu du id.
le noms des villes s'affichent dans les menus mais quand je veux poster les choix sélectionnés, c'est le iD qui se postent et pas les noms
j'ai essayer de modifier le script Ajax et Php de plusieurs facons afin de pouvoir poster avec INSERT les noms des villes et provinces mais je n'y arrive pas.
Si quelqu'un pourait voir le probleme--- merci!
voici mes menus
Code : 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 <script type='tex/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('villes').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxVilles.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 la province sel = document.getElementById('provinces'); ProvinceID = sel.options[sel.selectedIndex].value; xhr.send("province_id="+ProvinceID); } </script>
et enfin ajaxVilles.php
Code : 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 <select name='provinces' id='provinces' onchange='go()'> <option value='-1'>Choisir</option> <?php mysql_connect("localhost","root",""); mysql_select_db("trajetel"); $res = mysql_query("SELECT * FROM provinces ORDER BY nom"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["nom"]."</option>"; } ?> </select> <span class="selectRequiredMsg">Sélectionnez un élément.</span></span></p> <p><span id="spryselect5"> Choisissez une ville de départ : <div id='villes' style='display:inline'> <select name='villes' id="villes"> <option value='-1'>Choisir une ville : </option> </select> </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <?php echo "<select name='villes'>"; if(isset($_POST["province_id"] )){ mysql_connect("localhost","root",""); mysql_select_db("trajetel"); $res = mysql_query("SELECT id,nom FROM villes WHERE province_id=".$_POST["province_id"]." ORDER BY nom"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."'>".$row["nom"]."</option>"; } } echo "</select>"; ?>
Partager