Afficher champs masqués par javascript
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:
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:
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.
