HTMLページの変更を追跡する方法

Question

この状況は非常に面白いと感じました。私は、50から70までのフォーム要素が事前設定された値でロードされた網羅的なデータ入力ページを持っています。

提出したら、次のページに変更されたフォーム要素を表示する必要があります。値は、ラベル、古い値、新しい値です。

この問題を解決するにはどうすればよいでしょうか？私はそれを何度も再利用したいので、一般的なインプラントを探しています。 HTML DOMを使って遊ぶ私のスキルは非常に限られていますが、アプローチで私を導くことができる方法があります。

Answer 1

<input />にすべての属性を追加して元の値を保存できます。

あなたは簡単にjQueryを使っていることを行うことができます。その後、

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

、ユーザーが送信ボタンを押したときに新しい値と比較します。

デモ：http://jsfiddle.net/uUGrU/14/