Question

我有一个表单和一个textarea字段。我需要让它可编辑，我不知道如何。

<textarea id="note" class="input" type="text" name="note">Suggest changes</textarea>

当我检查元素时，它的readonly属性已经是假的，但它不会让我改变任何东西。

我试过了：

document.getElementsByTagName("textarea")[0].readonly = false;
$("#note").prop('readonly', false);
$("#note").removeAttr('readonly');

这些都没有帮助。

Answer 1

问题出在这里

document.getElementsByTagName("textarea")[0].readonly = false;

应该是

document.getElementsByTagName("textarea")[0].readOnly = "false";

或者在你的情况下

document.getElementById("note").readOnly = "false";

Answer 2

我知道，element.removeAttribute('readonly')有效，但我只尝试了Firefox。

Answer 3

我遇到了同样的问题，并以此解决了这个问题：

document.getElementById("note").removeAttribute('readonly')

Answer 4

尝试

$("#note").attr("readonly", false);

Answer 5

问题确实是使用了错误的大小写，readonly应该用驼峰大小写，即'readOnly'，所以应该可以。

document.getElementsByTagName("textarea")[0].readOnly = false;