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

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

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

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

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

我已经使用$(textarea).val/html/text(any_str_var)都为我工作。 如果你想确保你的变量作为一个字符串被添加到文本区域，你总是可以这样concat:

$(textarea).val(unknown_var + '')

.val()方法肯定用于textarea -参见:https://api.jquery.com/val/

.html()可以用来获取或设置任何元素的内容-参见:https://api.jquery.com/html/#html2

.text()与.html相同，除了它可以用来设置XML内容:参见- https://api.jquery.com/text/#text-text

您还可以阅读更多关于每个链接如何处理特殊字符的信息。

当我在页面中使用JQuery v1.4.4时，这两种方法都不起作用。当将JQuery v1.7.1注入到我的页面时，它终于工作了。所以在我的例子中，是我的JQuery版本导致了这个问题。

id ==> textareaid

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

var script1 = document.createElement("script");
script1.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
document.body.appendChild(script1);

var script2 = document.createElement("script"); 
script2.type = "text/javascript"; 
script2.innerHTML = "var $jq171 = $.noConflict();"; 
document.body.appendChild(script2);

$jq171('#textareaid').val('xxx');

Textarea不存储值为

<textarea value="someString">

相反，它以以下格式存储值:

<textarea>someString</textarea>

attr("value"，"someString")会得到这样的结果:

<textarea value="someString">someOLDString</textarea>.

试试$(“textareaid”)。innerHTML instead。

只需使用这段代码，你将永远有值:

Var t = $(this); Var v = t.val() || t.html() || t.text();

所以它会检查val()并设置它的值。如果val()得到一个空字符串，NULL, NaN o.s.，它将检查html()，然后检查text()…

要设置编码HTML的textarea值(显示为HTML)，您应该使用. HTML (the_var)，但如前所述，如果您尝试并再次设置它可能(很可能)将无法工作。

你可以通过清空文本区域的.empty()，然后再次设置。html(the_var)来修复这个问题。

这是一个工作的JSFiddle: https://jsfiddle.net/w7b1thgw/2/

jQuery(function($){ $('.load_html').click(function(){ var my_var = $(this).data('my_html'); $('#dynamic_html').html( my_var ); }); $('#clear_html').click(function(){ $('#dynamic_html').empty(); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <textarea id="dynamic_html"></textarea> <a id="google_html" class="load_html" href="#" data-my_html="&lt;a href=&quot;google.com&quot;&gt;google.com&lt;/a&gt;">Google HTML</a> <a id="yahoo_html" class="load_html" href="#" data-my_html="&lt;a href=&quot;yahoo.com&quot;&gt;yahoo.com&lt;/a&gt;">Yahoo HTML</a> <a id="clear_html" href="#">Clear HTML</a>