By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,811 Members | 785 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,811 IT Pros & Developers. It's quick & easy.

assigning values to a field in HTML document

P: n/a
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>

Jul 23 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a

Tauqir wrote:
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>


document.getElementsByName("Details").value =
document.getElementsByName("firstname").value +
document.getElementsByName("lastname").value

Jul 23 '05 #2

P: n/a
Tauqir wrote:
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>

--
Rob
Jul 23 '05 #3

P: n/a
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.

Jul 23 '05 #4

P: n/a
Thanks, gets me over the hump.

Jul 23 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.