Bonjour,

J'ai un formulaire avec des zones déroulantes.
J'aimerais bien que lorsque une valeur est sélectionnée dans la première zone, une seconde s'affiche juste en dessous. Et le reste du formulaire doit bien évidemment descendre pour se mettre en dessous de la nouvelle ligne fraichement affichée.

J'ai mon formulaire comme ceci (simplifié ici)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<form method="post">
<p id="z1">
<select name="s1" id="s1" onChange="Voir('z2')">.......</select>
</p>
<p id="z2" style="display:none">
<select name="s2" id="s2" onChange="Voir('z3')">.......</select>
</p>
<p id="z3" style="display:none">
<select name="s3" id="s3" onChange="Voir('z2')">.......</select>
</p>
<p>
<input type="text" .......>
</form>
Ma fonction javascript est comme ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
function Voir(id)
{
  document.getElementById(id).display="";
}
Le problème, c'est que la fonction s'exécute bien (testé avec un alert) mais les champs ne s'affichent pas.

Je ne sais pas pourquoi ca ne veut pas s'afficher.