deux listes déroulantes liées
j'ai deux listes déroulantes liées.
pays / fournisseur
comme suit
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
| --
-- Structure de la table `fournissseur`
--
CREATE TABLE `fournissseur` (
`code_fournisseur` int(5) NOT NULL auto_increment,
`r_social` varchar(40) NOT NULL default '',
`addresse_fournisseur` varchar(60) NOT NULL default '',
`u_m` varchar(10) NOT NULL default '',
`tarif` varchar(10) NOT NULL default '',
`avance` varchar(10) NOT NULL default '',
`value_avance` varchar(10) NOT NULL default '',
`ville` varchar(10) NOT NULL default '',
`id_pays` int(5) NOT NULL default '0',
PRIMARY KEY (`code_fournisseur`),
KEY `FK_fournissseur_1` (`id_pays`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 ROW_FORMAT=DYNAMIC AUTO_INCREMENT=5 ;
-- --------------------------------------------------------
--
-- Structure de la table `pays`
--
CREATE TABLE `pays` (
`id_pays` int(5) NOT NULL auto_increment,
`designation` varchar(20) NOT NULL default '',
`comment` varchar(20) NOT NULL default '',
PRIMARY KEY (`id_pays`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 ROW_FORMAT=DYNAMIC AUTO_INCREMENT=3 ;
--
-- Contraintes pour la table `fournissseur`
--
ALTER TABLE `fournissseur`
ADD CONSTRAINT `FK_fournissseur_1` FOREIGN KEY (`id_pays`) REFERENCES `pays` (`id_pays`); |
et puis un script JavaScript qui rempli la deuxième liste suite à la sélection d'un pays donné.
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
| <script language="javascript">
list = new Array();
function Remplir(valeur){
var sel="";
sel ="<select size='1' name='souscat'>";
// Parcourir le tableau
for (var i=0;i<list.length;i++)
{
// tester si la ligne du tableau (Sous-catégorie) correspond à la valeur de la catéhorie
if (list[i][1]==valeur)
{
if (list[i][3]==1)
{ ValeurSS="SELECTED";
}
else{
ValeurSS="";
}
// Ajouter une rubrique sous-catégorie au variable SEL
sel= sel + "<option "+ ValeurSS + " value="+list[i][0]+">"+list[i][2]+"</option>";
}
}
sel =sel + "</select>";
// Modifier le DIV scat par la nouvelle list à partir du variable SEL
document.getElementById('scat').innerHTML=sel;
}
</script> |
et puis le morceau du code PHP qui fait tout ça ...
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
| <td align="right"><div align="left"><font color="#FFFFFF">Pays :</font></div></td>
<td>
<select size="1" name="cat" OnChange="Remplir(cat.value)" style="width:262">
<?php
// Paramètres de la Connexion à la base MYSQL
$user="root";
$host="localhost";
$password="";
$database="trafic";
$i=0; // variable de test
$j=0; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
$connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible");
mysql_select_db($database,$connexion);
// Séléction de tous les enregistrements de la table Catégorie
$rq="Select * from pays order by designation;";
$result= mysql_query ($rq) or die ("Select impossible");
while ($dt=mysql_fetch_row($result))
{
// Remplir la liste déroulante des catégorie
echo "\t\t<option value=".($dt[0]).">".($dt[1])."</option>";
if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
}
?>
</select><br><br>
</td>
</tr>
<tr>
<td align="right"><div align="left"><font color="#FFFFFF">fournisseur :</font> </div></td>
<td>
<DIV id="scat">
<select size="1" name="fournisseur" style="width:262">
</select>
</DIV>
<?php
// Séléction de tous les enregistrements de la table Sous-Catégorie
$rq="Select * from fournissseur order by r_social;";
$result= mysql_query ($rq) or die ("Select impossible");
// $i = initialise le variable i
$i=0;
while ($dt=mysql_fetch_row($result))
{
// Remplir le tableau (array) en javascript
// ex : list[1]=new array (1,1,"Sous-catégorie 1");
// ex : list[2]=new array (2,1,"Sous-catégorie 2");
echo "<script>list[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."',".($dt[3]).",".($dt[4]).",".($dt[5]).",".($dt[6]).",".($dt[7]).",".($dt[8]).");</script>";
$i=$i+1; // Incrémentation de $i
}
echo "<script>Remplir ($j); </script>"; // Remplir la deuxième liste de choix avec les données
// des sous-catégories en utilisant la valeur j
?>
</td> |
merci pour votre aide ... merci du fond du cœur ...
