有没有办法克隆jQuery或javascript中的表单字段值？

Question

jQuery有一个clone()函数克隆实际表单没有问题,但它不保留已输入表单的任何值.

有办法解决这个问题吗？

示例代码将非常感激.

Answer 1

碰到同样的问题,简单的解决方案:

// touch all input values
$('input:text').each(function() {
    $(this).attr('value', $(this).val());
});

var clones = $('input:text').clone();

诀窍是这将改变DOM树中的实际"值"属性,否则您"即时"输入的数据仅存在于DOM"状态"中

Answer 2

根据笔记,这是一个解决方案.使用以下表格:

<form id="old">
    <textarea>Some Value</textarea>
    <input type="text" value="Some Value" />
    <input type="checkbox" value="bob" checked />
    <br />
</form>

<input type="button" value="Clone" id="clone" />

这个jQuery有效,包括textareas:

$( 'input#clone' ).click(
    function()
    {
      $( 'form#old textarea' ).text( $( 'form#old textarea' ).val() )
      $("form#old").clone().attr( 'id', 'new_form' ).appendTo("body")

    }
)

演示:http://jsfiddle.net/Jux3e/