afficher et cacher div php et javascript
salut
voila j'ai une page avec un formulaire dont un select qui permet de faire un choix qui renvoie sur une autre page
lorsqu'on arrive dans cette page j'aimerais qu'en fonction du choix effectué certain div soit caché ou pas
voici mon code pour la page du choix
page_choix.php
Code:
1
2
3
4
5
6
7
8
9
10
| <select name="lst_produits">
<option value="">--Choisir le type de produit--</option>
<option value="">---------------------------</option>
<option value="1">Fruit</option>
<option value="2">Legume</option>
<option value="3">Boisson</option>
<option value="4">Plat</option>
</select>
<input class="input-admin" type="submit" name="Enregistrer" value="OK" /> |
et là la page ou se trouvent mes div que je veux cacher avec ma fonction dans le body
choix.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <head>
<?php $produitId = $_POST['lst_produits']; ?>
<script type="text/javascript">
function cacher(){
var produit =<?php echo $produitId; ?>;
if(produit==1){
document.getElementsById("fruit").style.display="inline";
}else{
document.getElementsById("legume").style.display="none";
document.getElementsById("boisson").style.display="none";
document.getElementsById("plat").style.display="none";
}
}
</script>
</head>
<body onLoad="cacher()">
<div id=fruit> ......</div>
<div id=legume> ......</div>
<div id=boisson> ......</div>
<div id=plat> ......</div> |
et cela ne fonctionne : si j'ai choisi fruit les autres div apparaissent toujours
Ou est mon erreur ???
Vous remerciant
Cordialement
