Getting The Value Of Textarea Inside Form

Question

I want to get the value of this textarea inside form and copy the the value to another textarea outside form using javascript. How should I do that? here's my textarea...

Solution 1:

There's no need for jQuery as some others have posted in their answer. Simply don't name your function the same thing you use for IDs and form names and it works:

jsFiddle example

<form>
    <textareaid="ttpName"name="ttpName"onchange="tpName(this)"style="margin-top: -9px; width: 275px; height: 40px;"></textarea>
</form>
<textareaid="copytpName"name="copytpName"style="margin-top: -9px; width: 275px; height: 40px;"></textarea>functiontpName(data) {
    document.getElementById("copytpName").value = data.value;
}

I changed your textarea to <textarea id="ttpName" name="ttpName" ...

Solution 2:

You could do like this in javascript,

HTML

<form><textareaid="tpName"name="tpName"onkeyup="copyThis(this);"style="margin-top: -9px; width: 275px; height: 40px;"></textarea></form><textareaid="copytpName"name="copytpName"style="margin-top: -9px; width: 275px; height: 40px;"></textarea>

JAVASCRIPT

functioncopyThis(txObj) {
    document.getElementById("copytpName").value = txObj.value;   
}

Note: You need to change the function name. The function name matches with the textarea name, so its creating the issue in your case.

Baca Juga

Try this http://jsfiddle.net/CZCnx/2/

Solution 3:

I would try this:

var text = document.getElementById("tpName").value;

$("#copytpName").attr("value", text);

Solution 4:

I have added the code here, it uses jquery

http://jsfiddle.net/5B6KC/1/

CODE:

$("#tpName").keyup(function(){
    $("#copytpName").val($(this).val());
})

JavaScript Controls

Getting The Value Of Textarea Inside Form

Solution 1:

Solution 2:

Solution 3:

Solution 4:

Post a Comment for "Getting The Value Of Textarea Inside Form"