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

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

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

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


当前回答

我们可以使用.val()或.text()方法来设置值。我们需要像val("hello")一样在val()中放入值。

  $(document).ready(function () {
    $("#submitbtn").click(function () {
      var inputVal = $("#inputText").val();
      $("#txtMessage").val(inputVal);
    });
  });

查看示例:http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html

其他回答

您甚至可以使用下面的代码片段。

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

它为我工作.... 我建了一个脸书墙……

下面是我的代码的基础:

// SETS MY TEXT AREA TO EMPTY (NO VALUE)
$('textarea#message_wall').val('');

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

$('#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赋值可能是一项乏味的工作。