Ik heb onderstaande javascript en html code. Nu werkt het prima. Alleen nu is het zo dat alleen als Double wordt geselecteerd dat je het verborgen veld te zien krijgt. Hoe zorg ik ervoor dat ook bij een triple het verborgen veld wordt getoond ?
Code:
function latenzien(id,veld,waarde)
{
x = document.form1.elements[veld].selectedIndex;
if (document.form1.elements[veld].options[x].text == waarde)
{document.getElementById(id).style.display = 'block';}
else
{document.getElementById(id).style.display = 'none';}
}
Code:
<select name="selectieveld" onChange="latenzien('roomname',this.name,'Double')">
<option>Single</option>
<option>Twin (2 separate beds)</option>
<option>Double</option>
<option>Triple</option>
</select></div>
<div id="roomname" style="display: none">
<div id="left">Name :</div>
<div id="right"><input type="text" name="roomname1" id="roomname1" size="50"/></div>
<div id="left">Name :</div>
<div id="right"><input type="text" name="roomname2" id="roomname2" size="50"/></div>
</div>