Форма сохраняет предыдущие данные

Question

<script type="text/javascript"> 


$(document).ready(function(){ 

var count=$('#option1').val(); 
var counter = 1; 

$("#addButton").click(function() { 

if(counter>count){ 
     alert("Only "+count+" textboxes allow"); 
     return false; 
} 

var newTextBoxDiv = $(document.createElement('div')) 
    .attr("id", 'TextBoxDiv' + counter); 

newTextBoxDiv.after().html('<input type="radio" name="answer" id="answer" value="' + counter + '" /><label>Option #'+ counter + ' : </label>' + 
     '<textarea name="textbox' + counter + 
     '" id="textbox' + counter + '" value="" />'); 

newTextBoxDiv.appendTo("#TextBoxesGroup"); 

tinymce.init({ 
     selector: "textarea", 
     force_p_newlines : false, 


    plugins: [ 
      "advlist autolink autosave image link lists charmap print preview hr anchor pagebreak spellchecker", 
      "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", 
      "table contextmenu directionality emoticons template textcolor paste fullpage textcolor" 
    ], 

    toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect | cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media | inserttime preview ", 
    toolbar2: "forecolor backcolor | table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft ", 

    image_advtab: true, 
    menubar: false, 
    toolbar_items_size: 'small', 

    style_formats: [ 
      {title: 'Bold text', inline: 'b'}, 
      {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, 
      {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, 
      {title: 'Example 1', inline: 'span', classes: 'example1'}, 
      {title: 'Example 2', inline: 'span', classes: 'example2'}, 
      {title: 'Table styles'}, 
      {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} 
     ], 

     templates: [ 
       {title: 'Test template 1', content: 'Test 1'}, 
       {title: 'Test template 2', content: 'Test 2'} 
     ] 

}); 
//add tinymce to this 
tinyMCE.execCommand("mceAddControl", false, 'txt'+counter); 

    counter++; 
}); 

</script> 




<form method="post" name="myForm" id="form" action="upload" onsubmit="return validateForm()" > 
<div id='TextBoxesGroup'> 
    <div id="TextBoxDiv0"> 
     <label>Selection: </label><select name="sel" id="sel" > 
      <option selected="true" style="display:none;">Select </option> 
<% 
    ResultSet rsta1=st.executeQuery("SELECT DISTINCT term FROM termwhere term not like 'null'"); 
    while(rsta1.next()) { 
     out.write("<option value=" + rsta1.getString("term") + ">" + rsta1.getString("term") + "</option>"); 
    } 
%> 
     <label>Question: </label><textarea id='textbox0' name="textbox0"></textarea> 
     <input type="hidden" name="option1" id="option1" value="<%=options21 %>"/> 
    </div> 
</div> 
<input type='button' value='Add Button' id='addButton' /> 
<input type='button' value='Remove Button' id='removeButton'/> 
<input type='submit' value='Submit'/> 
</form> 

У меня есть JQuery, над которым, когда я нажимаю кнопку добавления, появляется больше текстовых областей. Это хорошо работает, представление этой страницы также работает. Проблема возникает, когда я возвращаюсь в следующий раз.

Все данные, ранее загруженные в текстовые поля, снова отображаются, те же старые данные заполняются в текстовых областях. Что делать, чтобы поля формы были пустыми?

Еще одна проблема, которую я получаю, - это когда я добавляю новые текстовые поля, данные обновляются до старых данных. Например.

Когда я добавляю текст в одно текстовое поле и нажимаю кнопку добавления, текст, который я набрал, исчезает или появляется предыдущий текст (моя первая проблема, как я объяснял выше). Аналогично, когда я снова нажимаю кнопку добавления, предыдущие 2 текстовых поля опустошен или отображается предыдущий текст. Почему это происходит?

Answer 1

попробовать добавить автозаполнения = выкл на форме, чтобы ваш браузер с сохранением информации

See ->https://developer.mozilla.org/en-US/docs/Mozilla/How_to_Turn_Off_Form_Autocompletion

ИЛИ

пустой формы Использование JavaScript

formObject.reset()