Form data --> javascript var
Fabian W
21/07/2014 22:18:03Hey,
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.
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>
PHP hulp
13/01/2025 08:11:53Frank Nietbelangrijk
21/07/2014 22:28:16stel je klikt op Denneboom:
maakt dat de variabele text de waarde 'den' krijgt;
maakt dat de variabele text de waarde 'Dennenboom' krijgt;
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;
Fabian W
21/07/2014 22:39:06Frank Nietbelangrijk
21/07/2014 22:41:03Fabian W
21/07/2014 22:42:17Frank Nietbelangrijk
21/07/2014 22:57:39Fabian W
21/07/2014 23:00:01Frank Nietbelangrijk
21/07/2014 23:01:11ik heb m al wat veranderd :-)
Dat was jouw idee trouwens ;-)
Dat was jouw idee trouwens ;-)
Gewijzigd op 21/07/2014 23:01:29 door Frank Nietbelangrijk
Fabian W
21/07/2014 23:03:24oeps.. ;-)
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?
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?
Frank Nietbelangrijk
21/07/2014 23:12:31dan moet je het klik event gewoon even aan de go button hangen.
http://codepen.io/anon/pen/cgfhu
http://codepen.io/anon/pen/cgfhu
Gewijzigd op 21/07/2014 23:16:19 door Frank Nietbelangrijk
Fabian W
21/07/2014 23:15:28Frank Nietbelangrijk
21/07/2014 23:16:39Fabian W
21/07/2014 23:17:32Bedankt! :-D
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
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