如何在Ajax更新後更新表單重置「基線狀態」

Question

我有一個取消/重置表單。更新使用Ajax完成。如果我提交（成功）更新，然後再對複選框進行更改，但選擇取消（讀取：重置），重置將一直返回原始值。請注意，數據庫並未更新（由於未提交），但顯示的內容不準確且具有誤導性。

如何更新「基線狀態」形式的（？），所以取消/復位追溯到表單值的新版本。

Answer 1

我將執行額外的AJAX調用從數據庫中檢索當前值重置值。您可以設計應用程序以在頁面加載和單擊重置時使用相同的查找。

另外一個選擇是將值從最後一個保存在存儲HTML5 data attributes關閉每個表單字段。單擊重置時，您可以根據數據屬性重新填充值。例如。

<!-- 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); 
});