JavaScript 元素属性

Question

我的情况:在我正在创建的应用程序中，我有一个包含一些输入和一个提交按钮的表单。当我单击提交按钮时，我想禁用所有输入字段，同时保留所有数据。

我的问题:我知道要禁用所有输入字段，我只需 .prop('disabled', true);到所有适用的领域。但是，我注意到，当我禁用这些字段时，数据仍然可见，但在代码中该元素的值为 null。

示例:

$('#NewPolicyNumber').val('102452154'); //has value of input 102452154
$('#NewPolicyNumber').prop('disabled', true);//disables the element

当您查看 $('#NewPolicyNumber') 的值时，它现在为空。在网上搜索时，我似乎找不到关于这个特定问题的太多信息。为什么它使元素的值为空？另外，如何解决这个问题，以便我可以拥有一个禁用的元素来保留其输入的值？

谢谢

Answer 1

“禁用”意味着输入不应包含在表单提交中。它根本不应该被处理。

我相信您正在寻找readonly:

$('#NewPolicyNumber').val('102452154'); //has value of input 102452154
$('#NewPolicyNumber').prop('readonly', true);

<小时/>

FWIW 我无法重现禁用元素时返回null:http://jsfiddle.net/ympdafev/