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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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