login  Naam:   Wachtwoord: 
Registreer je!
 Forum

aantal velden weergeven adhv keuze

Offline GroundZero - 21/11/2011 02:09 (laatste wijziging 21/11/2011 02:10)
Avatar van GroundZeroLid Beste lezer,

ik wil ZONDER pagina verversing naar aanleiding van een gemaakte keuze (aantal van 1 tot en met 9) een aantal invul velden weergeven.

Onderstaand mijn script tot nu toe, echter kom ik er niet uit hoe ik de velden nu kan weergeven.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <select name="aantal-stukken" id="aantal-stukken" onchange="stukken-weergeven">
  2.             	<option value="">Maak uw keuze</option>
  3.             	<option value="1">1</option>
  4.                 <option value="2">2</option>
  5.                 <option value="3">3</option>
  6.                 <option value="4">4</option>
  7.                 <option value="5">5</option>
  8.                 <option value="6">6</option>
  9.                 <option value="7">7</option>
  10.                 <option value="8">8</option>
  11.                 <option value="9">9</option>
  12.             </select>
  13.             <hr  />
  14.  
  15.             <script language="javascript">
  16. 			var aantal = document.getElementById('aantal-stukken').value;
  17.  
  18. 			for(var i = 0; i <= aantal; i++)
  19. 			{
  20.  
  21. 			}
  22. 			</script>


Ik wil per keer drie velden weergeven (text).

1. artikelnummer
2. kleur
3. maat

Kan iemand mij vertellen hoe ik dit kan realiseren?

P.S. het moet onder de rest van het formulier komen, een kort voorbeeld van wat er sowieso boven staat:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <label>Gewicht</label>
  2.             <input type="text" name="gewicht" />
  3.             <br />
  4.  
  5.             <label>Verzendkosten</label>
  6.             <input type="text" name="verzendkosten" />
  7.             <br />


het moet dus daar op aan sluiten ;)

2 antwoorden

Gesponsorde links
Offline vinTage - 21/11/2011 07:16
Avatar van vinTage Nieuw lid
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function bakkenEnBraden()
  3. {
  4. 	var aantal = document.getElementById('aantal-stukken').value;
  5. 	for(var i = 0; i < aantal; i++)
  6. 	{
  7. 		var input1 = document.createElement('input');
  8. 		input1.type = 'text';
  9. 		input1.name = 'txtinput[]';
  10.  
  11. 		var input2 = document.createElement('input');
  12. 		input2.type = 'text';
  13. 		input2.name = 'txtinput[]';
  14.  
  15. 		var input3 = document.createElement('input');
  16. 		input3.type = 'text';
  17. 		input3.name = 'txtinput[]';
  18.  
  19. 		document.getElementById('form').appendChild(input1)
  20. 		document.getElementById('form').appendChild(input2)
  21. 		document.getElementById('form').appendChild(input3)
  22. 	}
  23. }
  24. </script>
  25.  
  26. <form id="form" action="" method="post">
  27.                         <label>Gewicht</label>
  28.             <input type="text" name="gewicht" />
  29.             <br />
  30.  
  31.             <label>Verzendkosten</label>
  32.             <input type="text" name="verzendkosten" />
  33.             <br />
  34. </form>
Offline GroundZero - 21/11/2011 12:33
Avatar van GroundZero Lid Heej dat is gaaf, nooit geweten! dankjewel!!! gaan we vanavond meteen proberen!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.225s