assigning values to a field in HTML document

Discussion in 'Javascript' started by Tauqir, Jan 19, 2005.

  1. Tauqir

    Tauqir Guest

    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>
     
    Tauqir, Jan 19, 2005
    #1
    1. Advertising

  2. Tauqir

    RobG Guest

    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
     
    RobG, Jan 19, 2005
    #2
    1. Advertising

  3. Tauqir

    Tauqir Guest

    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
    #3
  4. Tauqir

    Tauqir Guest

    Thanks, gets me over the hump.
     
    Tauqir, Jan 19, 2005
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.

Share This Page