Addressing a text box from javascript

ScottInTexas · 07-16-2004, 06:04 PM

OK, I'm obviously missing something basic about addressing elements on my webpage because I have this problem all the time.

Here is the area of the web page in which the text box resides.

Code:

            <div id="updateDateDiv">
	<input type="text" value="" size="10" id="upDateDate" />
	<input type="button" value="Update" onClick="SetUpdateDate()" />
	Update Date
	</div>

and here is the javascript;

Code:

function SetUpdateDate(){
    var todaysDate = new Date();
	var txtDate = monthName[todaysDate.getMonth()] + " " + todaysDate.getDay() + ", " + todaysDate.getYear();
	document.upDateDate.value=txtDate;
}

This generates an error "upDateDate is null or not an object.

Thanks for your help. I know I'll feel stupid when I see the answer.

Frank · 07-16-2004, 06:28 PM

I would suggest you use a form tag and change the "id" attribute to a "name" attribute , and include the form name in the javascript.

So your htm would look like this.

Code:

<html>
<head>
<script type=" type="text/javascript"">
function SetUpdateDate(){
    var todaysDate = new Date();
	var txtDate = monthName[todaysDate.getMonth()] + " " + todaysDate.getDay() + ", " + todaysDate.getYear();
	document.form1.upDateDate.value=txtDate;
}
</script>
<head>
<body>
<form name="form1">


<div id="updateDateDiv">
	<input type="text" value="" size="10" name="upDateDate" />
	<input type="button" value="Update" onClick="SetUpdateDate()" />
	Update Date
</div>

</form>
</body>
</html>

There maybe a better way to do this but this is how I do it.

Basscyst · 07-16-2004, 09:32 PM

Hello,

Being it is just a snippit of code I would assume you have a form tag. In which case the proper syntax would be:

document.forms[x].elements[x].value (x being the form or element number with in the document or form respectivly)

or

document.formName.FieldName.value

or

document.getElementById('fieldName').value

Basscyst