Form data --> javascript var
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.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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>
<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>
Code (php)
1
2
2
var elem = document.getElementById("boom");
var text = elem.options[elem.selectedIndex].value;
var text = elem.options[elem.selectedIndex].value;
maakt dat de variabele text de waarde 'den' krijgt;
Code (php)
1
2
2
var elem = document.getElementById("boom");
var text = elem.options[elem.selectedIndex].text;
var text = elem.options[elem.selectedIndex].text;
maakt dat de variabele text de waarde 'Dennenboom' krijgt;
Dat was jouw idee trouwens ;-)
Gewijzigd op 21/07/2014 23:01:29 door Frank Nietbelangrijk
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?
http://codepen.io/anon/pen/cgfhu
Gewijzigd op 21/07/2014 23:16:19 door Frank Nietbelangrijk
Toevoeging op 21/07/2014 23:19:45:
sorry, hoe wijzig je boom en part en slaat hij ze beide op
Toevoeging op 21/07/2014 23:22:33:
het gaat om het behouden van beide variabelen