Moderator |
|
JavaScript?
Javascript heeft een soort van objectmodel waarmee de elementen van een formulier bereikbaar zijn.
Als het een gewoon input-veld betreft van het type text, is de waarde van het input-veld bereikbaar via:
document.forms['<naam_of_nummer_van_formulier>'].elements['<naam_of_nummer_van_formulierveld>'].value
Voorbeeld:
<script type="text/javascript">
function element_waarde(formulier, element)
{
return document.forms[formulier].elements[element].value;
}
</script>
<form name="het_formulier" action="" method="post">
<input type="text" name="het_element" />
</form>
<button type="button" onclick="window.alert(element_waarde('het_formulier', 'het_element'))">Toon inhoud</button>
<script type="text/javascript"> function element_waarde(formulier, element) { return document.forms[formulier].elements[element].value; } </script> <form name="het_formulier" action="" method="post"> <input type="text" name="het_element" /> </form> <button type="button" onclick="window.alert(element_waarde('het_formulier', 'het_element'))">Toon inhoud</button>
Je hebt ook verkorte schrijfwijzen voor document.forms[...].
Je zou het form een id kunnen geven, en dan het form-object op kunnen halen met getElementById().
Stel dat je form het id "bliep" heeft, dan kun je de waarde van het textveld als volgt bepalen:
<script type="text/javascript">
var frm = document.getElementById('bliep');
window.alert(frm.elements['het_element'].value);
</script>
<script type="text/javascript"> var frm = document.getElementById('bliep'); window.alert(frm.elements['het_element'].value); </script>
Het gedeelte "document.forms[...]" is veranderd in "frm". |