Сохранение входных значений в HTML-разметке

Question

У меня есть приложение на основе перетаскивания, которое выполняет некоторые базовые операции.

У меня есть кнопка сохранения, которая захватывает html определенного div и сохраняет его в файл. Это можно загрузить в приложение, а затем продолжить работу над ним.

Я сейчас делаю:

$('#mydiv').html() 

, чтобы получить HTML в DIV, что я пытаюсь сохранить. Это отлично работает, кроме того, что он не получает ни одной из введенных записей в любых полях ввода. Полагаю, это потому, что значения ввода на самом деле не находятся в разметке.

Есть ли способ сохранить значения ввода как часть html?

Answer 1

Используйте метод клонирования ---

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("p").html($('#demo').clone()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>This is a paragraph.</p> 
 

 
<div id="demo"><input type="text"></div> 
 
<button>Copy Content</button>