using form data within a page without first submitting it...

kmurrah · Aug 31, 2001

Pardon the elementary question, but ...

Is it possible to use data collected in a form ON THE SAME PAGE without
using the form's "submit" button? In other words, if a text field is filled
in, can I capture the info typed there and display
it elsewhere on the same page?

I know this must be REALLY simple to you folks, but if you could point me in the direction of a tutorial or whatever that would address my problem, I would really really really appreciate it.

thanks in advance,

kenn

motte · Aug 31, 2001

Kenn,

Not being a master at javascript, here are a couple of solutions in this script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<form name=form1>
<input type=text name=field1 value="" onblur="writeval(this)"><br>
<input type=text name=field2 value="" onblur="javascript:document.write(this.value)"><br>
<input type=text name=field3 value="" >
</form>
<script language=javascript>

</script>
</BODY>
</HTML>

Field1 will populate field3. field2 will rewrite the page. Hope this helps. Of course, if anyone else has any suggestions, how do you get field2 to not rewrite the page???

Mike

iza · Aug 31, 2001

yes you can do so - remember javascript is CLIENT side so it doesn't need to access the server to do stuff (that's mainly the interest in using javascript)

say your form is
<form name=formname ....>
...
<input type=text name=inputname ....>
....
</form>

now you can call the data entered in inputname with :
document.formname.inputname.value

for example, say the event to alert the data is the click on a button
<form name=formname ....>
...
<input type=text name=inputname ....>
<input type=button value="click me" onclick="javascript:alert(document.formname.inputname.value)">
....
</form>

ok ?
now it depends on what you want to do - alert the value, display it ... and on the type of the value (you don't retrieve a "select" value as you would for a "text" one) ... and on the browser you're targetting
but those are easy and minor adaptations

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

using form data within a page without first submitting it...

kmurrah

Programmer

motte

Programmer

iza

Programmer

Similar threads

Part and Inventory Search

Sponsor