即使 DOM 显示了 innerHTML，Textarea 也不会在 UI 中显示内容答案

【问题标题】：Textarea does not show content in UI even when DOM shows the innerHTML即使 DOM 显示了 innerHTML，Textarea 也不会在 UI 中显示内容
【发布时间】：2014-07-04 03:06:54
【问题描述】：

我的 jsp 有以下文本区域：

<textarea rows="5" cols="30" id="pasted_values"
                                            class="cell98 h15"></textarea>

页面加载，我以这种方式动态设置内容：

$('#pasted_values').text(pastedValuesText);

但在页面加载时，文本区域显示为空。但是检查元素、文本区域元素的 HTML 和 DOM 内容会显示存在的值。

尝试使用 .val()。但它似乎只能通过 js 工作在 firebug 中的沙盒 js 控制台。尝试使用 textarea 快捷方式，即

<textarea rows="5" cols="30" id="pasted_values"
                                    class="cell98 h15" />

但由于某些奇怪的原因，上述内容会扭曲其他 UI。

请帮忙。

【问题讨论】：

你能分享你的小提琴吗？
在您设置 .text() 的代码上尝试 .html()

标签： javascript html dynamic textarea

【解决方案1】：

页面加载后，Textarea 的行为与其他 html 字段一样。

$('#pasted_values').val(pastedValuesText);

或者

document.getElementById('pasted_values').value = pastedValuesText;

【讨论】：

“html 字段”应该是“表单控件”。
随心所欲。它们被称为字段，因为它是用户可以玩的地方。如果您想尝试执行比英语定义更严格的定义，那么祝您在十字军东征中好运。
您可以选择使用带有specific meaning in the relevant standard 的正确术语（毕竟这是一个技术论坛），或者只是编一个可能会或可能不会被理解的名称。当然，这取决于你，我只是提出一个建议。
大声笑。我不敢相信你分享了这个。他的文本字段 (w3.org/TR/html5/forms.html#textFieldSelection) 甚至可能不是您建议的表单的一部分 (w3.org/TR/html5/forms.html#form-control-infrastructure)。即使在表单中，它们也是符合当前 html 5 标准的字段。当需要收集时，它们仍被放置在字段集中。抱歉，这是您要强制执行的 RobG 标准。就像我说的，你可以尝试十字军东征，祝你好运，但你的十字军东征应该在其他地方进行。

【解决方案2】：

它似乎正在工作 http://jsfiddle.net/ECFcR/

<textarea rows="5" cols="30" id="pasted_values"
                                            class="cell98 h15"></textarea>

$('#pasted_values').text('Hello World!');

textarea中的颜色和背景颜色一样吗？

pastedValuesText 的值是多少？

【讨论】：