assigning values to a field in HTML document

Tauqir · Jan 19, 2005

I am trying to do a simple thing: I have these two text fields in an
HTML form. I want to assign the concatenated value to a TEXTAREA. Can
someone help me with the syntax?

<HTML>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
</SCRIPT>
<table ALIGN="center" border="2" width="100%" cellspacing="8"
cellpadding="0">
<FORM action="" method="POST">
<Table border="0" width="75%" cellspacing="0" cellpadding="0"
align="center">
<TR>
<td COLSPAN="1" width="40%"> <LABEL for="firstname">First name:
</LABEL>
</td>
<td COLSPAN="1">
<font face="Verdana" size="1" color="red">*</font>
<INPUT type="text" SIZE="30" NAME="firstname" VALUE= "Tauqir">
</td>
</TR>
<TR>
<td COLSPAN="1" >
<LABEL for="lastname">Last name: </LABEL>
</td>
<td COLSPAN="1">
<font face="Verdana" size="1" color="red">*</font>
<INPUT type="text" SIZE="30" NAME="lastname" VALUE= "Ghani">
</td>
</TR>
<TR>
<td COLSPAN="1">Text Area: </td>
<td COLSPAN="1"> <TEXTAREA Name="Details" COLS="40",
ROWS="5" size="20">
<-- I want to see the concatenated value firstname + lastname as the
value of this text area -->
</TEXTAREA>
<BR>
</td> </TR> <TR>
</TR> <TR>
<td COLSPAN="1">
<font face="Verdana" size="1" color="red">*=Required Fields</font>
</td>
</TR>
</TR>
<TR>
<td COLSPAN="1">
<INPUT type="submit" value="Send" >
<INPUT type="reset" >
</td>
</TR>
</FORM>
</TABLE>
</TABLE>
</HTML>

RobG · Jan 19, 2005

Tauqir said:
I am trying to do a simple thing: I have these two text fields in an
HTML form. I want to assign the concatenated value to a TEXTAREA. Can
someone help me with the syntax?

Your HTML is horrible, please post valid, minimal code (get rid of the
table...) - it makes it much easier to offer help.

When do you want the concatenated value written? I've set it to happen
onchange. I guess you want "Details" to be firstname lastname? Or
lastname, firstname?

[...]

<INPUT type="text" SIZE="30" NAME="firstname" VALUE= "Tauqir">

<INPUT type="text" SIZE="30" NAME="firstname" VALUE= "Tauqir"
onchange="
this.form.Details.value = this.value + ' '
+ this.form.lastname.value;
">

[...]

<INPUT type="text" SIZE="30" NAME="lastname" VALUE= "Ghani">

<INPUT type="text" SIZE="30" NAME="lastname" VALUE= "Ghani"
onchange="
this.form.Details.value = this.form.firstname.value + ' '
+ this.value;
">

[...]

<TEXTAREA Name="Details" COLS="40" ROWS="5" size="20">

<TEXTAREA Name="Details" COLS="40" ROWS="5" size="20"
readonly>Tauqir Ghani</TEXTAREA>

Setting it to readonly means that users can not edit it directly, but
it will still be submitted with the form.

Note that the onchange only fires when the text inputs lose focus, you
may want to set it to fire on some other event.

Fully functional code below:

<HTML>
<head><title>play</title>
</head><body>

<FORM action="" method="POST">
<LABEL for="firstname">First name: </LABEL>
<INPUT type="text" SIZE="30" NAME="firstname" VALUE= "Tauqir"
onchange="
this.form.Details.value = this.value + ' '
+ this.form.lastname.value;
">
<br>
<LABEL for="lastname">Last name: </LABEL>
<INPUT type="text" SIZE="30" NAME="lastname" VALUE= "Ghani"
onchange="
this.form.Details.value = this.form.firstname.value + ' '
+ this.value;
">
<br>
<TEXTAREA Name="Details" COLS="40" ROWS="5" size="20"
readonly>Tauqir Ghani</TEXTAREA>
<br>
<INPUT type="submit" value="Send" >
<INPUT type="reset" >
</FORM>
</body></HTML>

Tauqir · Jan 19, 2005

Thanks, and yes I admit the frivolous posting style. It was the first
time I used a newsgroup to ask for help. Hope to repay by helping
others.

Tauqir · Jan 19, 2005

Thanks, gets me over the hump.

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Can anyone please help? HTML - two tables applying different styles	4	Dec 1, 2020
HTML Table Issue	1	Aug 29, 2022
Getting extra blank rows from appending HTML..?	2	Oct 24, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Script to send email not working	1	Apr 10, 2023
I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery?	4	Sep 29, 2023

assigning values to a field in HTML document

Tauqir

RobG

Tauqir

Tauqir

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads