使用jQuery更改文本区域值

时间:2012-04-12 21:33:33

标签: javascript jquery html

如何通过jQuery更改文本区域的值。这是一个示例:

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

我如何通过jQuery或javascript执行此操作?感谢您的回答。 我试过这个:

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

然而,这只是在黑暗中拍摄的。

3 个答案:

答案 0 :(得分:13)

假设你的textarea为

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

更新textarea值的jquery代码将是

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

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

答案 1 :(得分:3)

<强>的jQuery

使用jQuery,你也可以在textareas上使用.val("Your new value"),即使HTML元素没有value-attribute。

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

示例:http://jsfiddle.net/sfxTt/

普通JavaScript

使用普通JS,可以这样做:

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

示例:http://jsfiddle.net/sfxTt/1/

答案 2 :(得分:1)

jQuery("textarea[name='message_text_reply']").val('Holla') 

对于输入属性名称为message_text_reply$("#message_text_reply")选项不起作用的情况,这非常有效。