如何跟蹤在HTML頁面中所做的更改

Question

我發現這種情況非常有趣，我希望它也適合您。我有一個詳盡的數據輸入頁面，用50-70表單元素加載預先填充的值。

現在提交，我需要顯示在下一頁，表單元素被更改。值，如標籤，舊值，新值。

什麼將是一個理想的方式去做到這一點？我正在尋找一個通用的impl，因爲我想多次重複使用它。我在使用HTML DOM方面的技能非常有限，但如果可以用一種方法指導我，我可以找到一種方法。

Answer 1

您可以將屬性添加到所有<input />以保存原始值。

您可以輕鬆地做到這一點使用jQuery：

$("input").each(function() { 
    $(this).attr("originalValue", $(this).val()); 
}); 

然後用新的值進行比較，當用戶點擊提交按鈕。

演示：http://jsfiddle.net/uUGrU/14/