在jQuery中更改选项卡时，还原值

Question

我使用jQueryUI的选项卡，当用户更改选项卡中的表单时，它会提示用户已进行更改。

我的问题是，当用户在confirm（）提示符下按“确定”时，如何在更改前恢复值？

Answer 1

在更改之前，您必须跟踪值是什么......所以这样的事情对您有用：

var oldValues = {};
$(function() {
    $(":input").each(function() {
        oldValues[$(this).attr("id")] = $(this).val();
    });
});
function revertValues() {
    for (var oldVal in oldValues) {
        $("#" + oldVal).val(oldValues[oldVal]);
    }
}

然后只需在确认对话框中点击“确定”即可致电revertValues。

一些注意事项：

• 我刚刚将这段代码直接写入浏览器，因此它完全未经测试......
• 假设您在其他标签上有其他输入，则需要更改:input选择器并为每个标签保留不同的oldValues组（＆amp;然后显然只会还原当前值标签。