Waarde van input veld opvragen en invullen met JavaScript

alles over :: blog

Categorieën

Advertentie

Zondag, 25 april 2010

Geplaatst door alles over in scripts

Reacties (0)

Waarde van input veld opvragen en invullen met JavaScript

Onderstaand stukje code illusteert hoe men om kan gaan met het invullen en opvragen van de inhoud van input velden in formulieren met JavaScript. De code maakt gebruikt van twee eenvoudige functies getValue() en setValue(). Op basis van het meegegeven id van het input veld kan hiermee eenvoudig de inhoud opgevraagd of veranderd worden.

<html>

<head>
<title>Waarde opvragen en invullen van input veld met JavaScript</title>

<script type="text/javascript">

</script>

</head>

<body>
<form method="post" action="">
<p>Veld 1:<br /><input type="text" id="veld1" name="veld1" value="appel" /></p>
<p>Veld 2:<br /><input type="text" id="veld2" name="veld2" value="peer" /></p>
</form>

<a href="javascript:alert(getValue('veld1'));">Geef waarde veld1</a><br />
<a href="javascript:alert(getValue('veld2'));">Geef waarde veld2</a><br />
<a href="javascript:switchFields('veld1', 'veld2');">Wissel velden</a><br />
</body>
</html>

Functie switchFields() is een eenvoudig voorbeeld van het wisselen van de inhoud van beide velden.

De code is cross-browser compatible en getest op Internet Explorer, Firefox, Opera, Mozilla en Konqueror.

Trackbacks

Trackback is een specifieke link naar deze inzending

Geen Trackbacks

Reacties

Geeft reacties weer als (Lineair | Samengevoegd)

Geen reacties

Reactie toevoegen

Naam
E-mail
Webpagina
Reactie op
Reactie	Enclosing asterisks marks text as bold (word), underscore are made via _word_. Standard emoticons like :-) and ;-) are converted to images. E-Mail addresses will not be displayed and will only be used for E-Mail notifications To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly. Enter the string from the spam-prevention image above: You can use [geshi lang=lang_name [,ln={y\|n}]][/lang] tags to embed source code snippets
	Onthoud Informatie?