用值附加 textarea jquery - Javascript

在web开发中，有时候需要通过javascript来动态的在textarea中填充数据。这篇文章将会介绍如何通过jquery来实现这个功能。

1. 通过value属性附加内容

可以使用jquery来获取textarea的值，然后通过修改其value属性来附加新的文本。

$("#myTextarea").val($("#myTextarea").val() + "new text");

这个代码会获取id为myTextarea的textarea元素的value属性，并附加一个新的文本。最后，它将被重新赋值给该元素的value属性。

需要注意的是，如果新附加的文本包含特殊字符，例如"<"或">"，就会被直接显示在页面上，而不会被解析为html代码。如果你需要在textarea中插入html代码，请参考下一节中的方法。

2. 通过innerHTML属性附加HTML内容

在这个方法中，我们会改变textarea元素的innerHTML属性，从而在其中插入HTML内容。相比较上一个方法，这种方式会更加灵活，因为它不仅仅能够在textarea中插入文本，同时也可以插入HTML代码。

$("#myTextarea").html($("#myTextarea").html() + "<strong>new text</strong>");

这个代码会将"new text"以粗体字的方式插入到textarea中。需要注意的是，这种方法只适用于当textarea元素的内容被解析为HTML代码时。如果textarea中包含的是纯文本信息，则无法使用这种方法。

3. 通过Append方法附加DOM元素

如果你需要附加一些复杂的DOM元素到textarea中，可以使用jquery的append()方法。

$("#myTextarea").append("<div><p>New DOM element</p></div>");

这个代码会在textarea元素的末尾添加一个包含"New DOM element"文本的div元素。同样的，需要注意的是，textarea元素必须被解析成HTML代码。

以上三种方法都能够实现在textarea中动态附加内容的功能。选择使用哪种方法取决于你需要附加的内容类型。