bonjour
je voudrais quand un utilisateur clic dans un select afficher un autre select avec l'info récupéré sur le 1er select $nom_categ en temp réel.
je pense que c'est avec du javascript qu'on peut faire ça, mais je ne connais pratiquement rien en javascript.
quelqu'un peut m'aider ?
Code php : 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
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 <div class="bloccp"> <select name="categrech" <?php if ($souscateg !='' AND $souscateg != 0) { echo 'style="background-color:#cad5d6"';} ?> onchange="affichElement2( this.value)"> <option style="background-color:#fff" value="0" >Catégories</option> <?php $rec_categ = $bdd->query("SELECT DISTINCT categ FROM categorie where id != 1"); while ($rec_catego = $rec_categ->fetch()) { $id_categ = $rec_catego['id']; $nom_categ = $rec_catego['categ']; $sous_categorie = $rec_catego['sous_categ']; if ($categ == $nom_categ) { ?> <option value="<?php echo $nom_categ;?>" selected><?php echo $nom_categ;?></option> <?php } else { ?> <option value="<?php echo $nom_categ;?>" ><?php echo $nom_categ;?></option> <?php } } ?> </select> </div> <div class="bloccp" id="souscateg" style="display:none;"> <select name="souscategrech" <?php if ($categ !='' AND $categ != 0) { echo 'style="background-color:#cad5d6"';} ?>> <option style="background-color:#fff" value="0" >Sous-Catégories</option> <?php $rec_scateg = $bdd->query("SELECT * FROM categorie where categ = '$nom_categ'"); while ($rec_catego = $rec_scateg->fetch()) { $id_categ = $rec_catego['id']; $nom_categ = $rec_catego['categ']; $sous_categorie = $rec_catego['sous_categ']; if ($souscategrech == $sous_categorie) { ?> <option value="<?php echo $sous_categorie;?>" selected><?php echo $sous_categorie;?></option> <?php } else { ?> <option value="<?php echo $sous_categorie;?>" ><?php echo $sous_categorie;?></option> <?php } } ?> </select> </div>
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 <script type="text/javascript"> function affichElement2(param) { var element = param; if (element == "0") { //auto document.getElementById('souscateg').style.display='none'; document.getElementById('contenu2').style.display = 'inline'; } else if (element != '0') { document.getElementById('souscateg').style.display='inline'; document.getElementById('contenu2').style.display = 'inline'; } } </script>
Partager