如何使用jQuery更改只读文本框的值？

Question

如何使用jQuery更改具有readonly属性的HTML文本框的值？

Answer 1

等等,你想删除只读吗？如果是这样:

$('textbox').removeAttr('readonly').val('Changed Value');

如果不:

$('textbox').val('Changed Value');

Answer 2

$('my-textbox').val('new value')

只读属性仅适用于查看页面的用户,而不适用于访问的JavaScript.它

Answer 3

较旧的帖子,但这里有一些信息.

如果你有一个只读输入(带有id测试),你只需用jquery设置val

$('#test').val(100);

但是如果你在浏览器中查看html源代码并搜索最近更新的输入值,你会看到值为空.

<input type="text" id="test" value />

因此,为了防止这一点,你必须删除只读属性附加伤害之前将值设置为输入,然后再次只读设置为true.

$('#test').prop('readonly',false);
$('#test').val(100);
$('#test').prop('readonly',true);

和结果在HTML中

<input type="text" id="test" value="100" />

当你需要发送表单值时,这可以防止错误...

Answer 4

$('input[readonly]').val('my new val');