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

时间:2011-07-12 17:24:12

标签: jquery

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

5 个答案:

答案 0 :(得分:17)

等等,你想删除只读吗?如果是这样的话:

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

如果不是:

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

答案 1 :(得分:13)

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

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

答案 2 :(得分:9)

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

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

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

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

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

所以,为了防止这种情况,你必须在将值设置为输入之前删除readonly属性,然后再将readonly设置为true。

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

和html中的结果

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

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

答案 3 :(得分:6)

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

答案 4 :(得分:3)

别忘了写# 例如

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

也许你可以通过 然后在所有事情都不要忘记尝试使用“”代替''