afficher un bloc div sur selection d'une liste de choix

**sandddy** · 15/04/2009, 09h23

Bonjour,

Est-il possible de faire une liste de choix et que parmi l'un des choix, cela ouvre un bloc (div) supplémentaire ? S'il n'est pas sélectionné, ça ne le met pas.

On a qu'à partir à partir d'un exemple :

Code :

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

1
2
3
4
5
6
7
8
9
<select name="type" size="1">
 
            <option value="maison"<? if($type=='maison'){ echo "selected"; }?>>Maison</option>
 
            <option value="terrain"<? if($type=='terrain'){ echo "selected"; }?>>Terrain &agrave; B&acirc;tir</option>
 
            <option value="appartement"<? if($type=='appartement'){ echo "selected"; }?>>Appartement</option>
 
          </select>

J'aimerais que quand on clique sur "Appartement", cela ouvre des champs que maison et terrain n'ont pas en plus...

Voilà, je pense que c'est possible en javascript ou ajax ou autres mais je n'y connais pas grand chose

Merci d'avance.

**sandddy** · 15/04/2009, 11h04

Bon, j'ai trouvé un exemple qui va m'aider

Merci quand même...

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
24
25
<HTML Lang="fr">
<HEAD>
<TITLE></TITLE>
<Script type="Text/JavaScript">
function tata(lst)
{
var d=document.getElementById("toto");
if (lst.selectedIndex==1 | lst.selectedIndex==4) 
d.style.display="block";
else
d.style.display="none";
}
</Script>
</HEAD>
<BODY>
<select onchange="tata(this);">
<option>cacher 1</option>
<option>montrer 1</option>
<option>cacher 2</option>
<option>cacher 3</option>
<option>montrer 2</option>
<option>cacher 4</option>
</select>
<div id="toto" style="display:none">titi</div><br />
</BODY></HTML>

afficher un bloc div sur selection d'une liste de choix

JavaScript

Vue hybride

Discussions similaires

Partager

Partager