克隆 iframe 和内容表单值

Question

4

我有一个包含iframe的Div，可以使用JQuery进行克隆。这个iframe的src是一个包含表单的HTML页面。

当我克隆Div和里面的iframe时，iframe的src会刷新并丢失所有更改的值。

我能否克隆iframe和表单的当前状态？

本质上，我想要得到的是两个包含相同iframe和相同内容的Div，其中克隆的iframe中的表单保留克隆之前设置的任何值。

这是否可能？

我正在使用Jquery .clone(true)

iframe src与该网站域名相同

编辑：下面是我的代码：

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

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

当我点击 class 为“mybutton”的按钮时，它会克隆 apDiv“myapdiv”并将其添加到 body 中。"myapdiv" 包含一个名为 "iframe1" 的 iframe。

- mattneedshelp

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Coltech · Accepted Answer

如果iframe和父窗口在同一域名下，您确实可以获取iframe的内容：

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

.html()可以像.clone()一样使用

使用clone，您可以这样做：

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

使用HTML，您可以做到以下事情：

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