删除并重新添加表单元素时，如何防止表单输入数据被重置？

Question

I have a form that needs to be appended elsewhere in the DOM, and when that occurs all form inputs return to their original values. Is there a way to retain the form input values when the form element is removed and re-appended? I'm using jQuery and the append() function.

Answer 1

This is what worked for me:

Before the form element is cloned using .clone(true):

$('#MyForm :input').each(function() { 
    $(this).data('val',$(this).val()); 
});

After the cloned form element is append()'d:

$('#MySameFormSomewhereElseInTheDOM :input').each(function() {
     $(this).val($(this).data('val')); 
});