javascript - 表单不使用 javascript 重置

Question

我正在尝试重置表单，但它并没有清除之前的选择。因此，当我刷新页面并提交时，它会记住旧值并提交它们。即使我没有在表格上做出任何选择。这是代码：

<script>
 $(function(){ 
   $("#eventForm")[0].reset();
   });
</script>

谢谢

编辑：表格

<form id="eventForm">            
     <select name="eventer" id="abc">
        <option value="" disabled="disabled" selected="selected">Select  Event</option>
        <option value="USA">US</option>
        <option value="UK">UK/option>
        <option value="Fr">France</option>
     </select>

    <input type="submit" id="open" onclick="heading()" value="Start" />
    <input type="button" id="close" onclick="closeAnalysis()" value="Stop"/>

我尝试像这样清除它们，但没有成功：

$(document).ready(
   function(){
   $("#close").click(
    function(){
     var values = [];
     var selected = $("select").each(
      function(){
      values.push( $(this).val());
      });
    this.form.reset();
    for (i=0;i<selected.length;i++)
    $(selected[i]).val(values[i]);
  });
  }
 );

Answer 1

reset()将字段返回到加载页面时设置的初始值。它不会删除文本。如果要删除文本，则必须遍历元素并清除它们。