[AJAX] liaison de listes déroulantes
Bonjour
je suis contente de vous paratager mon probleme,j'ai une liste deroulante liee
tables (Fournisseur + Produits) ca marche pas
vous pouvez m'aider a trouver la solution :oops:
un grand merci
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
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
| <html>
<head>
<title>Listes Liees +four+prod</title>
<script type='text/javascript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest)// Firefox et autres
xhr = new XMLHttpRequest();
elseif(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('prod').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","prod.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 four
sel = document.getElementById('four');
idfour = sel.options[sel.selectedIndex].value;
xhr.send("idfour="+idfour);
}
</script>
</head>
<body>
<style>
<!--
td{font-family:verdana,sans-serif; font-size:8pt;color:#333333};
body{font-family:verdana,sans-serif; font-size:11pt;color:#333333;font-weight:bold};
//-->
</style>
</head>
<body bgcolor="#eeeedd">
<center>
<p>quel produits et quelle clientes voulez vous choisir?</p>
<form>
<tr><td>
<label>Fournisseurs :</label>
<td>
<?
mysql_connect("localhost","root","");
mysql_select_db("Command");
$res = mysql_query("SELECT * FROM fournisseur ORDER BY nomfour");
echo "><select name=\'four\' id=\'four\' onchange=\'go()\'>
<option value=\'-1\'>Aucun</option>
</tr>";
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["idfour"]."'>".$row["nomfour"]."</option>";
}
ech "</select>";
?>
<br>
<br>
<tr><td>
<label>Produits :</label>
<td><div id='prod' style='display:inline'>
<select name='prod'>
<option value='-1'>Choisir un produit</option>
</tr>
</select>
<br>
<p>
<tr><td>
<label>Localisation :</label>
<td>
<?
mysql_connect("localhost","root","");
mysql_select_db("Command");
$res = mysql_query("SELECT Distinct Localisation FROM client ");
echo"<select name=\"Nom\" id=\"client\">";
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["Localisation"]."'>".$row["Localisation"]."</option>";
}
echo "</select> ";
?>
</tr>
<br>
<p>
<tr><td>
<label>Localisation :</label>
<td>
<?
mysql_connect("localhost","root","");
mysql_select_db("Command");
$res = mysql_query("SELECT Distinct SortClt FROM client ");
echo"<select name=\"Nom\" id=\"client\">";
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["SortClt"]."'>".$row["SortClt"]."</option>";
}
echo "</select> ";
?>
</tr>
</select>
</div>
</form>
</body>
</html> |
prod.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <?php
$host = 'localhost';
$user = 'root';
$pass = '';
$base="Command";
?>
<?
echo "<select name='prod'>";
if(isset($_POST["idfour"])){
$idfour = $_POST["idfour"];
mysql_connect("localhost","root","");
mysql_select_db("Command");
$res = mysql_query("SELECT * FROM produit WHERE idfour = '".$idfour."' ORDER BY idprod");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["idprod"]."'>".$row["titreprod"]."</option>";
}
}
echo "</select>";
?> |
