2012-03-24 65 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