select box avec javascript
Bonjour,
j'ai un formulaire avec une select box et quand je selectionne une valeur dans ma select box j'apelle une fonction javascript qui reset á "display:none" d'autres <div>. Ceci a pour effet de remettre á zero la valeur que j'avais s´selectionné dans ma select box. je ne comprend pas pourquoi : il ne m'affiche plus la valeur que j'avais sélectionné.
Voici le code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<script>
function reset() {
document.getElementById('divfirstName').style.display='none';
}
</script>
<form method="post" etc....>
<div class="formLine" id="divstartpeoplecity">
<select class="inputSelect" name="startpeoplecity" id="startpeoplecity" onchange="reset();">
<option></option>
<c:forEach items="${model.startpeoplecities}" var="startpeoplecity">
<option value="<c:out value="${startpeoplecity}"/>"><c:out value="${startpeoplecity}"/></option>
</c:forEach>
</select>
</div>
<div class="formLine" id="divfirstName" style="display:none">
<input type="text" class="inputText" id="firstName" name="firstName" />
</div> |
Si quelqu'un peut me venir en aide, merci d'avance.