“如何更新表单重置”;“基线状态”;在Ajax更新之后

“如何更新表单重置”;“基线状态”;在Ajax更新之后,ajax,jquery-ui,jquery,Ajax,Jquery Ui,Jquery,我有一张有取消/重置功能的表单。更新是用Ajax完成的。如果我提交(成功)更新,然后对复选框进行额外更改,但选择“取消”(读取:重置),则重置将一直恢复到原始值。请注意,数据库没有更新(由于未提交),但显示的内容不准确且具有误导性 如何更新表单的“基线状态”(?),以便取消/重置返回到表单值的新版本 我将执行一个额外的AJAX调用,从数据库中检索当前值以重置值。您可以将应用程序设计为在页面加载和单击重置时使用相同的查找 另一个选项是在每个表单字段上存储上次保存的值。单击“重置”后,可以根据数据属

我有一张有取消/重置功能的表单。更新是用Ajax完成的。如果我提交(成功)更新,然后对复选框进行额外更改,但选择“取消”(读取:重置),则重置将一直恢复到原始值。请注意,数据库没有更新(由于未提交),但显示的内容不准确且具有误导性


如何更新表单的“基线状态”(?),以便取消/重置返回到表单值的新版本

我将执行一个额外的AJAX调用,从数据库中检索当前值以重置值。您可以将应用程序设计为在页面加载和单击重置时使用相同的查找

另一个选项是在每个表单字段上存储上次保存的值。单击“重置”后,可以根据数据属性重新填充值。比如说

<!-- HTML -->
<input type="text" name="firstName" id="firstName" value="jim" data-last-value="joe" />

/* JS - Do this on reset. */ 
$('[data-last-value]').each(function() {
    var lastValue = $(this).attr('data-last-value');  
    $(this).val(lastValue);
});

/*JS-重置时执行此操作。*/
$(“[data last value]”)。每个(函数(){
var lastValue=$(this.attr('data-last-value');
$(this).val(lastValue);
});

我将执行一个额外的AJAX调用,从数据库中检索当前值以重置值。您可以将应用程序设计为在页面加载和单击重置时使用相同的查找

另一个选项是在每个表单字段上存储上次保存的值。单击“重置”后,可以根据数据属性重新填充值。比如说

<!-- HTML -->
<input type="text" name="firstName" id="firstName" value="jim" data-last-value="joe" />

/* JS - Do this on reset. */ 
$('[data-last-value]').each(function() {
    var lastValue = $(this).attr('data-last-value');  
    $(this).val(lastValue);
});

/*JS-重置时执行此操作。*/
$(“[data last value]”)。每个(函数(){
var lastValue=$(this.attr('data-last-value');
$(this).val(lastValue);
});

给我们看一些代码。如果我们看不到您所做的事情,几乎不可能给出有效的答案。请给我们一些代码。如果我们看不到你做了什么,就几乎不可能给出正确的答案。