Selectbox automisch laten selecteren obv andere selectbox

Status
Niet open voor verdere reacties.
A

alinden

Nieuwe gebruiker
Lid geworden
17 jun 2013
Berichten
4
Hallo,

Heeft iemand een tip hoe ik een selectbox (box Y) automatisch kan laten wijzigen n.a.v. een onchange van een andere selectbox (box X).

De boxen worden dynamisch gevuld (PHP / MySql).

Voorbeeld :

Als ik Naam Piet kies, wordt BoxX automatisch op 1968 gezet, want dat is zijn geboorte jaar.
HTML: 
<form id="form1" name="form1" method="post" action="">
      <select name="Naam" id="BoxY">
      <option value="1">Jaap</option>
      <option value="2">Truus</option>
      <option value="3">Piet</option>
      </select>
      <select name="Geboorte jaar" id="BoxX">
      <option value="1968">1968</option>
      <option value="1980">1980</option>
      <option value="2001">2001</option>
      </select>
</form>

Dank en groeten.
 
Laatst bewerkt door een moderator:
Als je idd de opties gaat inladen zoals nu (op volgorde dus), dan werkt dit:

HTML: 
<html>
	<head>
	  <script type="text/javascript">
		window.onload = function() {
			var Source = document.getElementById('BoxY');
			var boxToChange = document.getElementById('BoxX');
			Source.onchange = function() {
				boxToChange.selectedIndex = Source.value -1;
			}
		}
	  </script>
	</head>
	<body>
		<form id="form1" name="form1" method="post" action="">
		  <select name="Naam" id="BoxY">
			  <option value="1">Jaap</option>
			  <option value="2">Truus</option>
			  <option value="3">Piet</option>
		  </select>
		  <select name="Geboorte jaar" id="BoxX">
			  <option value="1">1968</option>
			  <option value="2">1980</option>
			  <option value="3">2001</option>
		  </select>
		</form>
	</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan