Клонировать iframe и значения формы содержимого

Question

Итак, у меня есть Div, содержащий iframe, который я могу клонировать с помощью JQuery.

iframe src - это HTML-страница, содержащая форму.

Когда я клонирую Div и iframe внутри него, iframe src обновляется и теряет все измененные значения.

Можно ли клонировать iframe и текущее состояние формы?

По сути, я хочу закончить тем, что у меня есть два элемента div с одинаковым iframe и одинаковым содержимым, с формой внутри клонированного iframe для сохранения любых значений, которые были установлены до клонирования.

Возможно ли это?

Я использую Jquery .clone (true)

iframe src находится в том же домене

EDIT: Вот как выглядит мой код:

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

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

Когда я нажимаю кнопку с классом "mybutton", он клонирует apDiv "myapdiv" и добавляет к телу.
«myapdiv» содержит iframe «iframe1».

Answer 1

Вы действительно можете получить содержимое iframe, если оно находится в одном домене:

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

.html () можно использовать аналогично .clone ()

С клонированием выможно сделать это:

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

С помощью HTML вы можете сделать это:

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