jQuery remember the div content even the page refresh

Question

<script>
$(document).ready(function() {
    $('#addButton').click(function() {
        var newHTML = "";
        newHTML += '<p><label> Answer Type</label><select name="ans_type[]"><option value="Image">Image</option><option value="Text">Text</option></select></p><p class="text"><label> Enter Answer</label><textarea rows="5" cols="50" name="ans_text[]"></textarea></p><p  class="image"><label> Upload Image</label> <br/><input type="file" name="ans_image[]" class="btn"/></p>';
        $('#sandbox').append(newHTML);
    });
    $(document).on("change", "select[name*='ans_type']", function() {
        var answer = $(this).val();
        if (answer == "Image") {
            $(".text").hide();
            $(".image").show();
        } else {
            $(".text").show();
            $(".image").hide();
        }
    });
});

<div id="sandbox">
<p>
    <label> Answer Type</label>
    <select name="ans_type[]">
        <option value="Image">Image</option>
        <option value="Text">Text</option>
    </select>
</p>
<p class="text">
    <label> Enter Answer</label>
    <textarea rows="5" cols="50" name="ans_text[]"></textarea>
</p>
<p class="image">
    <label> Upload Image</label> <br/>
    <input type="file" name="ans_image[]" class="btn"/>
</p>
<p>
    <label> Is Correct Answer</label>
    <input type="checkbox" name="isCorrectAnswer[]"/>
</p>

After I click the Add button, the textbox and drop down list and upload image field will duplicate one. But when I click submit button the added textbox and drop down list image upload gone, how could I modify so it will remain even after the page refresh?

put the content in a cookie using javascript? – Netorica Jan 22 '14 at 06:18 — Netorica, Jan 22 '14 at 06:18

score 0 · Answer 1 · edited May 23 '17 at 12:11

0

Try to use special jQuery plugin for cookies: https://github.com/carhartl/jquery-cookie

There is an answered question here about cookies and jQuery: How do I set/unset cookie with jQuery?

edited May 23 '17 at 12:11

Community

1
1

answered Jan 22 '14 at 06:26

Pavel Tkackenko

963
7
20

Let said when the user submit form, and validation fail bounce back but how to ratain the field with the input value – user236501 Jan 22 '14 at 06:29

jQuery remember the div content even the page refresh

1 Answers1