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> 

我點擊後添加按鈕，文本框和下拉列表，上傳圖像字段將重複一個。但是，當我點擊提交按鈕添加文本框和下拉列表圖像上傳了，我怎麼修改，所以它會保持即使頁面刷新後？

Answer 1

嘗試使用特殊的jQuery插件餅乾：https://github.com/carhartl/jquery-cookie

這裏有一個回答問題有關cookies和jQuery： How do I set/unset cookie with jQuery?