页面刷新后查找字段的默认值答案

【问题标题】：Find default value of field after page refresh页面刷新后查找字段的默认值
【发布时间】：2012-01-05 01:19:58
【问题描述】：

我正在寻找一种使用 jQuery 的方法来获取输入字段（在 HTML 字段中）的默认值。

看起来很简单。只是调用$("#id-of-field").attr('value') 应该返回我想要的值吗？

如果值为Foo，当我加载页面时，它会返回Foo。那里没问题。但是如果我在字段中写Bar，然后重新加载（不提交）页面，$("#id-of-field").attr('value')会返回我Bar，即使在源代码中，字段的值属性仍然是Foo。

这使得我的表单验证变得很棘手，因为当我让我的默认值忽略它们时，如果该字段没有被填充，我可以在“要忽略的值”的组合中获得一个真正的值。

仅供参考，我无法手动输入值，因为表单是动态的，并且无法直接查询数据库，因为它是 Wordpress 网站。

【问题讨论】：

【解决方案1】：

你可以试试-

$("#id-of-field")[0].defaultValue

这应该得到 DOM defaultValue 属性，它应该给你文本框的原始值

【讨论】：

【解决方案2】：

试试这个

$('inputSelector').prop('defaultValue');

【讨论】：

【解决方案3】：

输入字段具有 defaultValue DOM 属性，可以满足您的需要。

根据this answer，jQuery（> 1.6.3）的访问方式是

$('#element').prop('defaultValue')

或者，在纯 JavaScript 中，例如-

document.getElementById("element").defaultValue

【讨论】：