How to copy Content of four textbox values to a one textarea in HTML?

Question

0.00/5 (No votes)

See more:

I have a form which contains four textboxes and one textarea field. the form something like request form. I want the content of four textboxes get copied to textarea. For this i have write onkeyup event which simultaneously copy its value to textarea but i want all the four textbox values get copied to the text area. This is the code i write for onkeyup event

HTML

<input type="text"  id="C.name" name="C.name" required   önkeyup="document.getElementById('message').value=this.value">

But with this event only one textbox value get copied. I want all the textbox value get copied to textarea.
What should i do so that the value of all textbox get copied to textarea?

Posted 3-Sep-14 1:04am

Member 10276989

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Gihan Liyanage · Answer 1 · 2014-09-03T01:25:00

Solution 1

I have 3 text boxes here. and 3rd one is updating by other two text boxes. Like wise you can intergrate it to your requirement

HTML

HTML

Fisrt name:-<input type="text" id="first" ></input>
Last Name:-<input type="text" id="last" onkeyUp="copyText()" ></input>
Full Name:-<input type="text" id="full" ></input>

JS

JavaScript

function copyText() {
first = document.getElementById("first");
last = document.getElementById("last");
full = document.getElementById("full");
full.value = first.value + ' ' + last.value;
}

Posted 3-Sep-14 1:25am

Gihan Liyanage

Comments

Member 10276989 3-Sep-14 7:31am

Is there also an onkeyup event for textarea? @Gihan Liyange

Rocker-Star 3-Sep-14 7:32am

Yes you have

Gihan Liyanage 3-Sep-14 7:33am

Yes, its working for me, Here is the full code I have written in simple html file. I tested it for you.

<!DOCTYPE html>
<html>
<head>
<script>
function copyText() {
first = document.getElementById("first");
last = document.getElementById("last");
full = document.getElementById("full");
full.value = first.value + ' ' + last.value;
}
</script>
</head>
<body>

Fisrt name:-<input type="text" id="first" ></input>
Last Name:-<input type="text" id="last" önkeyUp="copyText()" ></input>
Full Name:-<input type="text" id="full" ></input>

</body>
</html>

Gihan Liyanage 3-Sep-14 7:36am

I used this w3schools js Editer,

http://www.w3schools.com/JS/tryit.asp?filename=tryjs_onchange

Paste this code and click on submit button. You can see the result

Member 10276989 3-Sep-14 7:39am

But this onkeyup not working for text area

<textarea class="required" id="message" name="message" placeholder="Your message" önkeyUp="copyText()" ></textarea>

ChauhanAjay 3-Sep-14 20:11pm

Kindly check in the önkeyup o has two dots above it, please change it to normal o.
Change the following line from
<textarea class="required" id="message" name="message" placeholder="Your message" önkeyUp="copyText()" ></textarea>

to

<textarea class="required" id="message" name="message" placeholder="Your message" önkeyUp="copyText()" ></textarea>

Hope this helps

Gihan Liyanage 4-Sep-14 0:21am

good point ChauhanAjay.. There are two dots on the o.