在頁面刷新後查找字段的默認值

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