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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
<html>
<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 {
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_med()
{
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;
// leselect = 3;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('livreur').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr2.open("POST","ajaxGrossiste2.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 medecin
sel = document.getElementById('medecin');
idauteur = sel.options[sel.selectedIndex].value;
xhr.send("idAuteur="+idauteur);
// xhr2.send("idAuteur"=+idauteur);
}
function go_livre()
{
var xhr2 = getXhr();
xhr2.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr2.readyState == 4 && xhr2.status == 200)
{
leselect = xhr2.responseText;
// leselect = 3;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('grossiste').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr2.open("POST","ajaxGrossiste2.php",true);
// ne pas oublier ça pour le post
xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id du medecin
sel2=document.getElementById('livreur');
idlivreur = sel2.options[sel2.selectedIndex].value;
xhr2.send("idlivreur="+idmed);
}
</script>
</head>
<body>
<form name="frm" action="./enr_demande2.php" method="POST">
<label>Médecin</label>
<select name='zl_medecin' id='medecin' onchange='go_med()'>
<option value='-1'>Aucun</option>
<?
mysql_connect("localhost","root","root");
mysql_select_db("stage");
$res = mysql_query("SELECT * FROM medecin ORDER BY nom_med");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["num_med"]."'>".$row["nom_med"]. "(".$row["num_med"].")</option>";
}
?>
</select><br>
<label>Test livrés par/où :</label>
<div id='livreur' style='display:inline'>
<select name='zl_livre' onchange='go_livre()'>
<option value='-1'>Choisir un médecin d'abord</option>
<?
mysql_connect("localhost","root","root");
mysql_select_db("stage");
$res = mysql_query("SELECT * FROM livreur ORDER BY nom_livreur");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["num_livreur"]."'>".$row["nom_livreur"]. "(".$row["num_livreur"].")</option>";
}
?>
</select>
</div><br>
<label>Grossiste :</label>
<div id='grossiste' style='display:inline'>
<select name='zl_grossiste'>
<option value='-1'>Choisir un médecin d'abord</option>
</select>
</form>
</html> |
[AJAX] synchroniser trois listes déroulantes avec deux requêtes différentes
Répondre avec citation
Envoyé par andry.aime
Partager