récuperer la valeur sélectionnée d'une liste
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:
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:
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
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
| <?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>" ;
?> |
j'ai besoin de vos aides svppppp c'est presque une semaine que je cherche dans ce truc sans sans résultat
