克隆带有值的html表单

Posted 2023-02-22

【中文标题】克隆带有值的html表单

【英文标题】：clone html form WITH values

【发布时间】：2011-08-06 07:16:16

【问题描述】：

我正在尝试在填写表格后复制表格。所以用户填写表格然后点击提交。然后打开一个新窗口，其中包含完整的 html 表单、图像和样式以及值，以便他们可以打印填写的版本。我试过 .html() 和 .clone()。但似乎都不起作用。

非常感谢任何帮助。请不要犹豫，提出问题。

【问题讨论】：

clone() 似乎工作正常：jsfiddle.net/fkling/te3LX 也许你也应该发布你的代码。

更正：它似乎只适用于input 元素。

嗯，好的。 bennadel.com/blog/… 我是从这个开始的。也许会有所帮助

【参考方案1】：

编辑：发布您的代码以创建弹出窗口。

您可能需要使用val() 来复制这些值。 http://jsfiddle.net/Na6GN/2/

$('#myForm :input').each(function() 
    $(this).clone().appendTo('#newForm').val($(this).val());
);

【讨论】：

所以我必须序列化所有值，然后遍历它们以重新填充表单？我以前很怕那个。我只是希望有一个更简单的解决方案。感谢您的回复

【参考方案2】：

它工作正常：

JS：

$('btnclone').click(function() 
    var mywindow = window.open();
    $(mywindow.document.body).append($('form').eq(0).clone());
);

HTML 代码

<form>
    <input name='test' />
</form>

<input type="button" value="Clone" name="btnclone" id="btnclone" />

【讨论】：

但我在 div 中有表单。我有很多 img 标签。所以 eq(0) 对我不起作用。同样，当我用我的脚本尝试你的理论时，我会显示 [object object]。我不知道是什么导致我选择的代码块变成了一个对象！！！？？？