Bonjour,
qlq un peut m'aider svpppp,
j'ai une liste déroulante( "secteur") et je veux remplir une liste filière à partir de la valeur sélectionnée de la liste secteur et non par l'id sans recharger la page,
pour récupérer la valeur j'ai utilisée ajax voilà mon code
la fonction pour récupérer la valeur sélectionnée
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 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('filier').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","filiere.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 fil=(document.getElementById('filier').options[document.getElementById('filier').selectedIndex].value); secteur = fil.options[fil.selectedIndex].value; xhr.send("Secteur="+secteur); }
et voilà la page filiere pour emplire la liste
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 <?php include('fonction.php'); ConnectMabase(); echo "<select name='filier'>"; if(isset($_POST['Secteur'])){ $id=$_POST['Secteur']; $str = str_replace("-", " ",$id); $sqlclase="select DISTINCT FiliereDeFormation, Secteur from etablissement where Secteur='$str' ORDER BY `FiliereDeFormation`"; $resulclase=mysql_query($sqlclase); while($clase=mysql_fetch_array($resulclase)) { $salle=$clase[0]; $sal=string2url($salle); echo'<option value='.$sal.'>'.$salle.'</option>'; } } echo "</select>"; echo "<input name=\"Rechercher\" type=\"submit\" id=\"Rechercher\" value=\"Rechercher\" />"; ?>
et enfin les listes dans la page index
j'ai besoin de vos aides svppppp c'est presque une semaine que je cherche dans ce truc sans sans résultat
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 <?php echo "<select name=\"nivea\" id=\"nivea\" class=\"inputaccueil\" onchange=\"go();\" >"; $sqlniv="select DISTINCT Secteur from etablissement ORDER BY `Secteur`"; $resultat=mysql_query($sqlniv); // echo "<option value= $selected selected=\"selected\">".str_replace("-", " ",$_GET['nivea'])."</option>"; echo "<option value='-1'>Choisissez un secteur</option>"; while($rang=mysql_fetch_array($resultat)) { $libelle=$rang['Secteur']; $lib=$rang['Secteur']; $valeur=string2url($lib); echo'<option value='.$valeur.' >'.$libelle.'</option>'; } echo "</select>"; //$selected=($_POST['nivea']==$libelle)?'selected=\"selected\"':''; ?> <td> <?php echo "<select name=\"filier\" id=\"filier\" class=\"inputaccueil\" >"; echo "<option value=0>Choissisez une filiere</option>" ; echo "</select>"; echo "</td>" ; ?>
Partager