Bonjour,
J'ai un problème avec mes listes liées. J'ai repris le tuto de siddh pour coder tout ça..
Ma deuxième liste reste désespérément vide... Toute ma base est en UTF-8 mais j'ai peur que ça vienne quand même du charset même si j'ai testé les principaux sans résultat..
Une idée ?
Code JS de mon header :
Code du select en question :
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 <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 { //celui-ci marche.. 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 MLHTTPRequest..."); xhr = false; } return xhr; } /** * Méthode qui sera appelée sur le click du bouton */ function load_veh(){ 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('vehic2').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxVeh.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 véhicule sel = document.getElementById('vehic1'); idVehic1 = sel.options[sel.selectedIndex].value; alert(idVehic1); // La MsgBox affiche une chaîne correcte.. xhr.send("idVehic1="+idVehic1); }
et mon ajax_Veh.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
20 <td align="center" colspan="2" id="vehic" nowrap><b>Véhicule / Support : </b> <select name="veh" type="text" size="1" onchange="load_veh()" id="vehic1"> <option value="-1" selected>-- Selectionnez --</option> <?php $query = 'SELECT DISTINCT `type_veh` FROM vehicules WHERE `process_restit`="0"'; $result = mysql_query($query, $cfg['linkid']) or die($query . " - " . mysql_error()); while($tab = mysql_fetch_array($result)) { echo '<option value="'.$tab['type_veh'].'">'; echo $tab['type_veh']; echo '</option>'; } ?> </select> <div id='vehic2' style='display:inline'> <select name='vehicul2'> <option value='-1'>D'abord à gauche !</option> </select> </div> </td>
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 <?php Require('cfg.php'); echo "<select name='vehicul2'>"; if(isset($_POST["idVehic1"])){ mysql_connect($cfg['linkid']); mysql_select_db($cfg[db_name]); $query = "SELECT `num_vague` FROM vehicules WHERE `type_veh`=".$_POST['idVehic1']." AND `process_restit`='0' ORDER BY `num_vague`"; $result = mysql_query($query, $cfg['linkid']); while($row = mysql_fetch_array($result)){ echo "<option>".$row['num_vague']."</option>"; } } echo "</select>"; ?>
Partager