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

Posted 2023-05-07

【中文标题】使用 jquery 将选择器元素的 html 写入 textarea

【英文标题】：Writing html of selector element to textarea with jquery

【发布时间】：2012-12-25 00:12:56

【问题描述】：

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

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

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

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

不管html_str的内容如何。数字空格和换行符与html_str中的字符数不对应 使用

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

不存在这个问题。如果有人对此有任何见解，我想了解这里的机制差异。谢谢

【问题讨论】：

标记是指<div>等符号？

【参考方案1】：

你可以使用

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

设置文本区域的文本

【参考方案2】：

textarea，和其他input元素一样有value属性，所以你需要像这样使用val()：

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

Example fiddle