Selextbox controle javascript

**Mike B** · 11-03-2010, 09:07

Is er iemand die mij kan vertellen of het mogelijk is, graag ook hoe. ik met javascript kan kijken of een waarde in een selectbox bestaat?

**Stefan Visser** · 11-03-2010, 09:22

Zet in je body

Code:

<script type="text/javascript">

function GetSelectbox() {
var foo = document.getElementById("SelectBox").value
alert(foo);
}

</script>

De html

Code:

<select onchange="GetSelectbox()">
<option selected="selected">Maak een keuze</option>
<option  value="IkKopieerAlles">IkKopieerAltijdAlles</option>
<option  value="GoogleWatIsDat">GoogleWatIsDat?</option>
</select>

Aanvullend bericht:
Het hem trouwens niet getest.. dus op hoop van zege.

**Mike B** · 11-03-2010, 09:29

Bedankt voor je snelle antwoord

Sorry mijn fout ik had duidelijker moeten zijn, stom.

Ik heb 2 selectboxen die dynamisch gevuld worden. ik moet kijken of de waarde die in "select1" geselecteerd is in "select2" voorkomt.

**Stefan Visser** · 11-03-2010, 09:37

Wat bedoel je precies met dynamisch gevuld? Dit kiezen ze zelf, of voer je een ander javascriptje uit die dit invult.

**Mike B** · 11-03-2010, 09:42

De options komen uit de database met php. In select 1 moet er een alert zijn als de waarde niet bestaat in select 2.

**Stefan Visser** · 11-03-2010, 09:49

Dus even voor de duidelijkheid:

Stel in select 1 staat Vis, Hond en Kat. en in select 2 staat alleen Vis en Hond. dan moet je een alert krijgen als je Kat selecteerd ?

**Mike B** · 11-03-2010, 09:50

Ja helemaal juist, is dat mogelijk?

**Rein S** · 11-03-2010, 10:18

twee arrays maken vanuit je database en de selectboxen laten vullen met de array waarden, daarna bij POST checken of waarde van select1 voorkomt in array2

**Mike B** · 11-03-2010, 10:20

Dat is ook wel een idee inderdaad bedankt Rein!

**Stefan Visser** · 11-03-2010, 10:26

Maar dan is al het dynamische er aan weg..

Dan kun je bijvoorbeeld de .open functie van Ajax gebruiken, en dan in een apart (php) bestandje dit controleren. en dan een output FALSE or TRUE meegeven.

**Martijn H** · 15-03-2010, 11:26

of je houdt het natuurlijk gewoon in javascript, mijn zoektocht naar dit lastige antwoord ging als volgt:
1. Je zoekt uit hoe je de eerste selectbox vind (document.getElementById)
2. Je zoekt uit hoe je de geselecteerde waarde van de selectbox krijgt (selectbox.options[selectbox.selectedIndex])
3. Je zoekt uit hoe je alle opties kan doorlopen van de tweede selectbox (for loopje over de selectbox2.options)
4. je checkt de waardes en als je hem vind, return je true (of je alert het zoals hier)

Code:

<html>
<head>
<script>
function checkSelectBoxes()
{
	var box1 = document.getElementById('selectbox1');
	var box2 = document.getElementById('selectbox2');
	var value = box1.options[box1.selectedIndex].value;
	if (value == '') return false;
	for(idx in box2.options)
		if (box2.options[idx].value == value)
			return alert('ja');
	alert('nee');
}
</script>
</head>
<body>
<select id="selectbox1" onchange="checkSelectBoxes();">
	<option value="">-</option>
	<option value="foo">foo</option>
	<option value="bar">bar</option>
</select>
<select id="selectbox2">
	<option value="foo">foo</option>
	<option value="bar2">bar2</option>
</select>
</body>
</html>

Selextbox controle javascript