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

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:

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 à Bâ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...:roll: Voilà, je pense que c'est possible en javascript ou ajax ou autres mais je n'y connais pas grand chose 8O

Merci d'avance.

<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>