如何跟踪HTML页面中所做的更改

Question

我发现这种情况非常有趣，我希望你也能如此。我有一个详尽的数据输入页面，其中50-70个表单元素加载了预先填充的值。

现在提交时，我需要在下一页中显示更改后的表单元素值，如标签、旧值、新值

实现这一目标的理想方式是什么？我正在寻找一个通用的impl，因为我想多次重用它。我在使用HTMLDOM方面的技能非常有限，但如果你能指导我一种方法，我可以找到一种方法。

Answer 1

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

使用jQuery:可以轻松做到这一点

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

然后在用户点击Submit按钮时将其与新值进行比较。

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