login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met innerHTML bij select

Offline beckers - 26/12/2006 15:13 (laatste wijziging 26/12/2006 17:51)
Avatar van beckersNieuw lid Ik heb hier de volgende code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function check(){
  3. 	var man1 = document.getElementById("man1");
  4. 	var man2 = document.getElementById("man2");
  5. 	if(man1.value=="s")
  6. 		man2.innerHTML = '<option value="w" id="w2">werker</option><option value="b" id="b2">boer</option>';
  7. 	if(man1.value=="w")
  8. 		man2.innerHTML = '<option value="s"  id="s2">soldaat</option><option value="b" id="b2">boer</option>';
  9. 	if(man1.value=="b")
  10. 		man2.innerHTML = '<option value="s" id="s2">soldaat</option><option value="w" id="w2">werker</option>';
  11. }
  12. </script>
  13. <select id="man1" onchange="check()">
  14. <option value="s" id="s1">soldaat</option>
  15. <option value="w" id="w1">werker</option>
  16. <option value="b" id="b1">boer</option>
  17. </select>
  18. <select id="man2" onchange="check()">
  19. <option value="s"  id="s2">soldaat</option>
  20. <option value="w" id="w2">werker</option>
  21. <option value="b" id="b2" selected="selected">boer</option>
  22. </select>

Ik wil dus dat als bij het eerste menu bv. soldaat wordt geselecteerd bij het eerste menu de <option> met waarde "s" verdwijnt door de innerHTML aan te passen. Maar als ik nu iets bij het eerste menu selecteer zijn er gewoon 2 lege <options> in het 2de menu. Wat is hier fout aan?

2 antwoorden

Gesponsorde links
Offline MindPrison - 26/12/2006 15:52 (laatste wijziging 26/12/2006 15:53)
Avatar van MindPrison PHP gevorderde Probeer eens:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function check(){
  3.   var man1 = document.getElementById("man1");
  4.   var man2 = document.getElementById("man2");
  5.   if(man1.options[man1.selectedIndex].value =="s")
  6.     man2.innerHTML = '<option value="w" id="w2">werker</option><option value="b" id="b2">boer</option>';
  7.   else if(man1.options[man1.selectedIndex].value=="w")
  8.     man2.innerHTML = '<option value="s"  id="s2">soldaat</option><option value="b" id="b2">boer</option>';
  9.   else if(man1.options[man1.selectedIndex].value=="b")
  10.     man2.innerHTML = '<option value="s" id="s2">soldaat</option><option value="w" id="w2">werker</option>';
  11. }
  12. </script>
  13. <select id="man1" onchange="check()">
  14. <option value="s" id="s1">soldaat</option>
  15. <option value="w" id="w1">werker</option>
  16. <option value="b" id="b1">boer</option>
  17. </select>
  18. <select id="man2" onchange="check()">
  19. <option value="s"  id="s2">soldaat</option>
  20. <option value="w" id="w2">werker</option>
  21. <option value="b" id="b2" selected="selected">boer</option>
  22. </select>
Offline beckers - 26/12/2006 16:10 (laatste wijziging 26/12/2006 17:53)
Avatar van beckers Nieuw lid Het blijft hetzelfde. Ik heb wel eens geprobeerd in Firefox 2.0 en daar werkt het maar in IE en Opera werkt het niet, dus is het probleem niet opgelost.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s