使用jquery将选择器元素的html写入textarea

Question

我正在尝试将页面上各种元素的html写入textarea元素。如果我的textarea的id是'textarea_id'并且我在var html_str中有一个html字符串，我可以用

将字符串写入我的文本区域

$('#textarea_id').html(html_str);

这似乎适用于所有情况，除非html_str包含选择器元素的标记。在这种情况下，只有看似空格和换行符的内容才会被写入textarea，之后，只有这些字符才能被写入，直到textarea被清除

$('#textarea_id').html('');

无论html_str的内容如何。数字空格和换行符不符合html_str中的字符数 使用

document.getElementById('textarea_id').innerHTML = html_str;

不会出现此问题。如果有人对此有任何见解，我想了解这里的力学差异。感谢

Answer 1

您可以使用

$('#textarea_id').val(your_string_here); 

设置文本区域的文本

Answer 2

与其他textarea元素一样，

input具有value属性，因此您需要使用val()，如下所示：

$('#textarea_id').val(html_str);

Example fiddle