login  Naam:   Wachtwoord: 
Registreer je!
 Forum

via js value uit dropdownlist actief maken

Offline foxie - 21/02/2007 18:41
Avatar van foxieNieuw lid Ik heb op een formulier een tekstvak en een dropdownlist, deze dropdownlist heeft als value telkens een nr. Nu wil ik wanneer je in het tekstvak een nr invoert hij in de dropdownlist de geselecteerde waarde aanpast adhv de ingevoerde nummer.

dit had ik zelf al maar het klopt niet echt 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript" language="javascript">
  2. 	function updateGemeente(){
  3.  
  4. 		document.formregistreer.selectedValue = document.formregistreer.tekstvak.value;
  5.  
  6. 	}
  7. </script>


Maar dat werkt dus voor geen meter, kan iemand me helpen?

1 antwoord

Gesponsorde links
Offline Mad_Mike - 21/02/2007 20:01 (laatste wijziging 21/02/2007 20:04)
Avatar van Mad_Mike PHP beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. function updateSelect(value)
  3. {
  4. 	var aantal = document.getElementById('select').childNodes.length;
  5.  
  6. 	// de-select all
  7. 	for(var i = 0; i < aantal; i++)
  8. 	{
  9. 		if(document.getElementById('select').childNodes[i].tagName == "OPTION")
  10. 		{
  11. 			document.getElementById('select').childNodes[i].selected = "false";
  12. 		}
  13. 	}
  14.  
  15. 	// select the option corresponding to the given value
  16. 	for(var i = 0; i < aantal; i++)
  17. 	{
  18. 		if(document.getElementById('select').childNodes[i].tagName == "OPTION")
  19. 		{
  20. 			if(String(document.getElementById('select').childNodes[i].value) == value)
  21. 			{
  22. 				document.getElementById('select').childNodes[i].selected = "true";
  23. 			}
  24. 		}
  25. 	}
  26. }
  27. </script>
  28.  
  29. <select id="select">
  30. <option value="1">optie 1</option>
  31. <option value="2" selected>optie 2</option>
  32. <option value="3">optie 3</option>
  33. </select>
  34.  
  35. <input type="text" onKeyUp="updateSelect(this.value);">

Alsje 

De waarde die je invoert in het tekstvak wordt meegegeven aan een functie. Deze functie de-select eerst alle options. En vervolgens selecteerd hij de waarde je die meegegeven hebt (als deze gevonden wordt)

edit:
Het kan opzich ook in 1 for-loop, maar dat kan je dan zelf aanpassen:D
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s