Hey,

Ik heb een vraag over het processen van data uit een form naar javascript variabelen.
Hoe kan ik de variabele steeds wijzigen met een form?
Dus wat moet ik gebruiken voor action, method, input type etc. in het form.


<body>
    
<form id="natuur"> 
Boom:<select id="boom1"><option value="eik">Eik</option><option value="den">Dennenboom</option><option value="spar">Spar</option></select>
Onderdeel:<select id="part1"><option value="blad">Blad</option><option value="stam">Stam</option><option value="tak">Tak</option></select>
<input id="go_button" type="button" value="go"></input></form>   

<script type="text/javascript">
var boom = document.getElementById("boom1").value
var part = document.getElementById("part1").value
document.write(boom);
document.write("<br>");
document.write(part);
</script>

</body>
stel je klikt op Denneboom:

var elem = document.getElementById("boom");
var text = elem.options[elem.selectedIndex].value;

maakt dat de variabele text de waarde 'den' krijgt;

var elem = document.getElementById("boom");
var text = elem.options[elem.selectedIndex].text;

maakt dat de variabele text de waarde 'Dennenboom' krijgt;
En je moet het natuurlijk wel even aan een onchange event koppelen. Weet je hoe dat moet?
niet zonder een avondje googlen ben ik bang
thanks, maar mag het menu blijven, ipv verdwijnen voor de zon
ik heb m al wat veranderd :-)
Dat was jouw idee trouwens ;-)
oeps.. ;-)
hij werkt prima.
Voor part kan ik de code voor een deel gwn kopieren he?


Toevoeging op 21/07/2014 23:06:25:

Voor part werkt het idd ook.
Kan je er ook voor zorgen dat hij geen dingen gaat veranderen voordat de Go-button is ingedrukt?
hoe? je gebruikt geen on_click

Reageren