Entry
How do I protocol in a textara the other form input made?
Apr 17th, 2000 09:19
Martin Honnen,
You can use the onchange handler of the form elements to do this. Here
is an example:
<HTML>
<HEAD>
<SCRIPT>
function showAll (form) {
var r = '';
r += 'First name: ' + form.firstName.value + '\n';
r += 'Last name: ' + form.lastName.value + '\n';
var age = form.age.selectedIndex + 1;
r += 'Age: ' + (age == 0 ? '' : age) + '\n';
form.output.value = r;
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="document.formName.age.selectedIndex = -1;">
<FORM NAME="formName">
First name:
<INPUT TYPE="text" NAME="firstName"
ONCHANGE="showAll(this.form);"
>
<BR>
Last name:
<INPUT TYPE="text" NAME="lastName"
ONCHANGE="showAll(this.form);"
>
<BR>
Age:
<SELECT NAME="age"
ONCHANGE="showAll(this.form);"
>
<SCRIPT>
for (var i = 1; i < 120; i++)
document.write('<OPTION VALUE="' + i + '">' + i);
</SCRIPT>
</SELECT>
<BR>
<INPUT TYPE="submit">
<BR>
<TEXTAREA NAME="output" ROWS="5" COLS="40"></TEXTAREA>
</FORM>
</BODY>
</HTML>
