Formulaire HTML5, cacher ou afficher des champs
Bonjour tout le monde,
J'aimerai faire un formulaire qui permet d'afficher un champs seulement si une valeur d'une liste est activée.
J'ai essayé de faire quelques chose du style:
Code:
1
2
3
4
5
6
7
8
9
| function isYesSelected(value){
alert(value);
if (value === "Yes"){
document.getElementById("testToHide").style.display:block;
}
else{
document.getElementById("testToHide").style.display:none;
}
} |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <form action="action.php" method="post">
<p>
<label for="myList">Liste:</label>
<select id="myList" onchange="isYesSelected(this.value)">
<option id="no" value="No" />
<option id="yes" value="Yes" />
</select>
</p>
<div class="toHidde" id="testToHide">
<p>
<label for="val">Value:</label>
<input type="text" />
</p>
</div>
</form> |
Malheureusement, ce code ne fonctionne pas... Je m'y connais vraiment peu en HTML/JS et du coup, je ne sais pas trop ce que j'ai fait de mal dans ce code.
Voici mes questions:
- Comment faites vous pour mettre à jour une entrée (sa visibilité dans ce cas précis, ou plus généralement ses valeurs)?
- Peut-on debugger de manière efficace (comme on pourrait le faire avec du C/C++)?
Merci pour tout.
