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

Question

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

似乎很简单。打电话给$("#id-of-field").attr('value')应该返回我想要的值吗？

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

这使得我的表单变得粘滞，因为当我的默认值忽略它们时，如果字段没有被填充，我可以在“值被忽略”的组合中获得真正的值。因为表单是动态的，所以我无法手动输入值，也不能直接查询数据库，因为它是一个Wordpress网站。

Answer 1

输入字段包含defaultValue DOM属性，它完全符合您的需求。

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

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

或者，在纯JavaScript，例如 -

document.getElementById("element").defaultValue 

Answer 2

试试这个

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

Answer 3

你可以尝试 -

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

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

https://developer.mozilla.org/en/XUL/textbox#p-defaultValue