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

0
<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 текстовых поля очищаются или предыдущие появляется текст. Почему это происходит?

  • 0
    Это может быть проблема с кэшем браузера, хотя для очистки textarea мы можем добавить только $('#textbox0').val(''); на готов.
  • 0
    Есть ли способ очистить кэш с помощью JSP?
Показать ещё 2 комментария
Теги:

1 ответ

0

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

См. → https://developer.mozilla.org/en-US/docs/Mozilla/How_to_Turn_Off_Form_Autocompletion

ИЛИ

пустая форма с помощью javascript

formObject.reset()

  • 0
    автозаполнение не работает ..
  • 0
    <script> formObject.reset () </ script> также не работает
Показать ещё 11 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню