Saving input values in HTML markup [duplicate]

Question

I have a drag and drop based application doing some basic workflow stuff.

I have a save button which grabs the html of a particular div and saves it into a file. This can be loaded into the app and then work can continue on it.

I'm currently doing:

$('#mydiv').html()

to get the html of the div that I am trying to save. This works fine apart from the fact it doesn't get any of the typed entries in any input fields. I suppose this is because the values of the input aren't really in the markup.

Is there a way of me saving the input values as part of the html?

yes according @mplungjan... use clone method. it is working as well — Chetan
– Chetan, Commented Oct 3, 2016 at 9:41
Apologies, I looked at the related items that were suggested before and googled the question but didn't see it. Neet to up my google game! — Andrew Berry
– Andrew Berry, Commented Oct 3, 2016 at 9:41

Chetan · Accepted Answer · 2016-10-03 09:42:56Z

0

Use clone method---

$(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>

answered Oct 3, 2016 at 9:42

Chetan

9425 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Saving input values in HTML markup [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related