如何使 readonly=false 的 textarea 可编辑？

Question

I have a form and a textarea field in it. I need to make it editable, and I don't know how.

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

When I inspect elements, its readonly attribute is already false, but it won't let me change anything.

I've tried:

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

None of those help.

Answer 1

The problem is here

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

It should be

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

Or also in your case

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

Answer 2

我明白了， element.removeAttribute('readonly')有效，但我只尝试过 Firefox。

Answer 3

尝试

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

Answer 4

我遇到了同样的问题并用这个解决了它：

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

Answer 5

The problem really is the use of the wrong case, readonly should be written in camel case ie 'readOnly', so this should work.

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

https://www.w3schools.com/jsref/prop_textarea_readonly.asp