2011-04-15 60 views
3

我想重複表格後,它已被填寫。所以用戶填寫表單然後提交。然後打開一個新窗口,其中包含完整的html表單,圖像和樣式,並且可以打印填充的版本值。我試過.html()和.clone()。但似乎都不起作用。克隆的HTML表單與值

任何幫助都很大。並請不要猶豫提問。

+1

'的clone()'似乎很好地工作:HTTP: //jsfiddle.net/fkling/te3LX/也許你應該發佈你的代碼。 – 2011-04-15 12:18:36

+0

新窗口彈出! – 2011-04-15 12:23:46

+0

更正:似乎只適用於'input'元素。 – 2011-04-15 12:34:13

回答

3

編輯:發佈您的代碼創建彈出。

您可能需要使用val()才能將值複製過來。 http://jsfiddle.net/Na6GN/2/

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

所以我必須序列化所有的值,然後遍歷它們重新填充表單?我以前很怕那個。我只是希望有一個更簡單的解決方案。謝謝你回覆 – 2011-04-15 12:23:18

1

其做工精細:

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" /> 
+0

,但我有一個div格式。我有很多img標籤。所以eq(0)不適合我。當我嘗試你的理論與我的腳本我得到[對象對象]顯示。我無法弄清楚是導致我選擇的代碼塊變成一個項目! – 2011-04-18 14:51:51