设置jQuery中的textarea值

我试图用jquery在textarea字段中设置一个值，代码如下:

$("textarea#ExampleMessage").attr("value", result.exampleMessage);

问题是，一旦这段代码执行，它不改变文本区域的文本?

然而，当执行警报($("textarea#ExampleMessage").attr("value"))，新设置的值返回?

当前回答

我也有同样的问题，所以我决定在当前的浏览器中尝试它(在这个问题之后，我们在时间上晚了一年半)，并且这个(.val)是有效的

$("textarea#ExampleMessage").val(result.exampleMessage);

for

IE8 FF 3.6 FF4 Opera 11 Chrome 10

其他回答

我认为这里缺少一个重要的方面:

$('#some-text-area').val('test');

只有当有ID选择器(#)时才有效

对于类选择器，有一个选项可以使用本机值，如:

$('.some-text-area')[0].value = 'test';

我尝试了.val() .text() .html()，并有一些bug使用jQuery读取或设置文本区域的值…我最终使用原生js

$('#message').blur(function() {    
    if (this.value == '') { this.value = msg_greeting; }
});

使用$("textarea#ExampleMessage").html('任何你想放在这里');可能是一种好方法，因为.val()在使用数据库中的数据时可能会出现问题。

例如:

数据库字段description的值为asjkdfklasdjf sjklñadf。在这种情况下，使用.val()为textarea赋值可能是一项乏味的工作。

我认为这是可行的:

$("textarea#ExampleMessage").val(result.exampleMessage);

$("textarea#ExampleMessage").val()在jquery中只是一个魔法。

你应该注意到textarea标签使用内部html显示，而不是在值属性就像输入标签。

<textarea>blah blah</textarea>
<input type="text" value="blah blah"/>

你应该使用

$("textarea#ExampleMessage").html(result.exampleMessage)

$("textarea#ExampleMessage").text(result.exampleMessage)

这取决于您是想将其显示为HTML标记还是纯文本。

推荐文章