afficher et cacher div php et javascript

**leblaireau12** · 23/04/2019, 14h12

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

Invité · 23/04/2019, 15h33

Bonjour,

une solution :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="list-produits" data-id="1"> ...produit-1...</div>
<div class="list-produits" data-id="2"> ...produit-2...</div>
<div class="list-produits" data-id="3"> ...produit-3...</div>
<div class="list-produits" data-id="4"> ...produit-4...</div>

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function show_list_produits( produit_id )
{
  var produits = Array.from(document.querySelectorAll(".list-produits"));
  produits.forEach( function( produit )
  {
    produit.style.display = ( produit_id == produit.dataset.id )? "block" : "none";
  });
}
window.onload = show_list_produits( <?php echo intval($_POST['lst_produits']); ?> );

**leblaireau12** · 28/04/2019, 11h27

Salut

J'ai pu afficher et cacher mes div en fonction de ma variable

Donc au départ le div est display:none
Il apparaît quand on choisit la bonne variable et là j'ai un problème : comme faire passer par la méthode post des valeurs contenus dans des inputs de ce div dans une autre page ??

Vous remerciant

Cordialement

Invité · 28/04/2019, 11h44

Bonjour,

à vue de nez : avec un formulaire en method="post".

**leblaireau12** · 28/04/2019, 16h16

Salut

Oui c'est un formulaire avec post mais celui-ci ne "part" pas quand je fais apparaître mes div cachés avec des input de type texte

Cordialement

Invité · 28/04/2019, 21h13

OK.

Mais si tu ne montres pas ton code...

afficher et cacher div php et javascript

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager