bij bepaalde keuze ander veld laten zien

Status
Niet open voor verdere reacties.

copyfile

Gebruiker
Lid geworden
8 okt 2008
Berichten
6
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>
 
door dit te veranderen:
Code:
function latenzien(id,veld)
{

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';}
}

in dit:
PHP:
function latenzien(id,veld,waarde)
{
  x = document.form1.elements[veld].selectedIndex;
  if (document.form1.elements[veld].options[x].value > -1)
  {
    document.getElementById(id).style.display = 'block';
  }
  else
  {
    document.getElementById(id).style.display = 'none';
  }
}

Dan kun je vervolgens aan geven per option of de volgende wel of niet zichtbaar moet worden. Is de value van de option -1 of lager, dan wordt het volgende element niet zichtbaar, is de waarde 0 of hoger dan wel.

HTML:
<option value="-1">Volgende niet zichtbaar</option>
<option value="0">Volgende wel zichtbaar</option>
<option value="1">Volgende wel zichtbaar</option>
<option value="-1">Volgende niet zichtbaar</option>
<option value="2">Volgende wel zichtbaar</option>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan