切换只读或禁用属性时，附加文本未显示在文本区域中

Question

我有一个文本区域，我想被禁用或只读。 我使用网站上的按钮将文本追加到该文本区域以做笔记。 不允许进行编辑的目的是使任何人都不会意外更改任何注释。

现在，如果有人确实需要更改他们已经提交的便笺，我希望他/她能够编辑文本区域并将其重新锁定以进行编辑。

HTML：

<p><a id="append">Append</a> | <a id="lock">Lock</a> or <a id="unlock">Unlock</a></p>
<p><textarea id="notes" readonly="true" rows=10></textarea></p>

jQuery的：

$("a#append").click(function() {
    $("textarea#notes").append("- This is a note.\n");
});
$("a#unlock").click(function() {
    $("textarea#notes").removeAttr("readonly");
});
$("a#lock").click(function() {
    $("textarea#notes").attr("readonly", "readonly");
});

http://jsfiddle.net/ljpaul/bakcwtaf/

问题：重新锁定文本区域（具有只读或禁用属性）时，当我单击以追加另一个注释时，该文本区域不会显示。 奇怪的是，它确实显示在HTML代码中，只是没有显示。 有没有人建议解决此问题/使其正常工作？ 我觉得我已经尝试了几乎所有属性组合和设置所述属性的方式！

编辑：用户可以解锁该字段以对笔记进行编辑或删除笔记。 因此，发生问题时，将其解锁并对其内容进行任何形式的编辑。

Answer 1

看起来只不过是摆脱了.append（）函数而已。

$("textarea#notes").val($("textarea#notes").val() + "- This is a note.\n");

这样就可以了，并允许进行编辑。 我认为这可能与附加目标HTML结构有关，而不是编辑实际值。 真的很奇怪。