Change Text Area Value with jQuery

Question

How could I change the value of a text area through jQuery. Here is a sample:

var content = "Hello World";
//Code to set the value of the 
text area to content here.

How would I do this through jQuery or just javascript? An answer is appreciated, thanks. I tried this:

var txtArea = document.getElementById('aTextArea');
txtArea.value = rolls;

However, that was just a shot in the dark.

Answer 1

Assuming your textarea as

<textarea id="textarea" rows="4" cols="50">
   sample textarea
</textarea>​​​​​​

jquery code to update textarea value would be

 ​$(document).ready(function(){
    var content = "Hello World";
    $("#textarea").val(content);
});​

jsfiddle: http://jsfiddle.net/bhatlx/PuWH4/1/

Answer 2

jQuery

With jQuery you can use .val("Your new value") on textareas as well, even if the HTML-element doesn't have a value-attribute.

$(function(){
   $("#id-of-textarea").val("test");
});​

Example: http://jsfiddle.net/sfxTt/

Plain JavaScript

With plain JS, it could be done like this:

document.getElementById('id-of-textarea').value = "Hello";

Example: http://jsfiddle.net/sfxTt/1/