【问题标题】:clone html form WITH values克隆带有值的html表单
【发布时间】:2011-08-06 07:16:16
【问题描述】:

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

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

【问题讨论】:

标签: javascript jquery forms clone


【解决方案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]。我不知道是什么导致我选择的代码块变成了一个对象!!!???
猜你喜欢
  • 1970-01-01
  • 2012-06-28
  • 1970-01-01
  • 1970-01-01
  • 2011-12-27
  • 1970-01-01
  • 2018-02-17
  • 1970-01-01
  • 2012-04-08
相关资源
最近更新 更多