2012-03-24 69 views
2

所以我有一個Div包含一個iframe,我可以使用JQuery克隆。克隆iframe和內容窗體值

iframe src是一個包含表單的HTML頁面。

當我克隆div和其中的iframe時,iframe src被刷新並丟失任何更改的值。

我可以克隆iframe和表單的當前狀態嗎?

基本上我最終想要得到的結果是兩個div包含相同的iframe和相同的內容,克隆的iframe中的表單保留克隆前設置的任何值。

這可能嗎?

我使用jQuery .clone(真)

的IFRAME SRC是在同一個域

編輯: 這是我的代碼的外觀:

$('.mybutton').click(function() { 

    $('#myapdiv').clone(true).appendTo('body'); 

當我點擊按鈕與類「mybutton」它克隆apDiv「myapdiv」並附加到身體。
「myapdiv」包含一個iframe「iframe1」。

回答

2

你的確可以得到一個iframe的內容,如果是在同一個域:

$(iframe).contents().find('body').html(); 

的.html()可用於類似.clone()

有了克隆你可以這樣做:

$('#iframe').clone().appendTo('#somedestinationelement'); 

蒙山HTML你可以這樣做:

$(iframe).contents().find('body').clone().html().appendTo('#somedestinationelmment'); 
+0

謝謝,這是令人鼓舞的! 你可以告訴我如何將它納入.clone()? 我覺得我的日子很慢,想不出什麼! – mattneedshelp 2012-03-24 16:46:34

+0

@mettneedshelp - 請看我的修改答案。 – Coltech 2012-03-24 17:00:17

+0

好了,我有這個:。 $( '克隆 ')點擊(函數(){ \t \t $(' #DIV ')克隆(真).appendTo(' 身體'); 它克隆包含iframe的div,但是在包裝我的頭部時遇到麻煩,無法將.html()等應用到克隆中。 – mattneedshelp 2012-03-24 17:25:13