Setting value to a text box

Dev Shed Forums Sponsor:

October 22nd, 2012, 04:55 AM

rageedi

Registered User

Join Date: Aug 2012

Posts: 13

Time spent in forums: 1 h 22 m 57 sec
Reputation Power: 0

Setting value to a text box

hi guys,

i want to set a value to a text box using javascript
i want to use the getElementById function,

this is what i have so far but its not w0rking, any ideas?

Code:

<html>
<head>
	<script type = "text/javascript">
	document.getElementById('fname').value = 'rageedi';
	//return false;
	</script>
</head>


<body>
<form name="myform" action="javaScriptExample3.html">
	<input type = "text" name ="firstname" id="fname">
	<input type = "text" name ="lasttname" id="lname">
	<input type = "submit" name="submit" value = "submit">
</form>
</body>

</html>

October 22nd, 2012, 05:24 AM

Winters

Super Moderator

Join Date: Jul 2003

Posts: 3,931

Time spent in forums: 1 Month 2 Weeks 2 Days 12 h 15 m 29 sec
Reputation Power: 2571

Your syntax is correct, however you cannot assign a value to an element that does not yet exist. The document loads line by line, so when it reaches your Javascript the input has not yet been created and it will throw an error (Not likely to be seen). You can either move your script below the input element, not something I would personally do, or apply an event listen, as follows.

Javascript Code:

Original - Javascript Code
onload = startup; // When the document has finished loading, run the "startup" function. function startup() { document.getElementById('fname').value = 'rageedi'; }

onload = startup; // When the document has finished loading, run the "startup" function.
 
function startup() {
    document.getElementById('fname').value = 'rageedi';
}

Obviously if you are going to be calling this script from a click or form submission, then it will no longer be an issue.

Viewing: Dev Shed Forums > Web Design > JavaScript Development > Setting value to a text box

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump