Javascript HTML表单值赢得'；刷新页面后，t重置为默认值

他们可能看起来是个愚蠢的问题，但我被难住了。我 使用html表单，您可以输入数据并提交数据。一旦提交，我的数据就会进入数据库。那很好，但是当我再次使用表单时，我在上一个表单中填写的相同信息都在输入和选择字段中。我讨厌这是因为方便。我找到了一种方法，当页面刷新时，用

JAVASCRIPT

script>$(document).ready(function() {
    document.getElementById('firstn').value= "";
    document.getElementById('middlein').value= "";
    document.getElementById('lastn').value= "";
    document.getElementById('suffix').value= "";
    document.getElementById("gradelevel").value = "";
});
</script>

script>$（文档）.ready（函数（）{
document.getElementById（'firstn'）。value=“”；
document.getElementById（'middlein'）。value=“”；
document.getElementById（'lastn'）。value=“”；
document.getElementById（'suffix'）。value=“”；
document.getElementById（“gradelevel”）.value=“”；
});

但是上面的“选择/选项”不会像“firstn”、“middlein”等那样刷新

这是HTML

<input name="firstname" type="text" required="required" id="firstn" placeholder="First Name"/>
            <input name="middleinitial" type="text" id="middlein" placeholder="M.I." onkeyup="moveCursor(this,'lastn')" size="2" maxlength="1"/>
            <input name="lastname" type="text" id="lastn" placeholder="Last Name" />
            <input name="suffix" type="text" id="suffix" placeholder="Suffix" size="4"/>
<select id="gradelevel" name="gradelevel">
      <option value=""></option>
      <option value="Freshman">College Freshman</option>
      <option value="Sophomore">College Sophomore</option>
      <option value="Junior">College Junior</option>
      <option value="Senior">College Senior</option>
</select>

大学新生
大学二年级
大专生
大学四年级

我几乎什么都试过了，我甚至环顾四周寻找解决办法，但没有一个能解决我的问题。理想情况下，在刷新页面时，我希望表单值默认为“”。如果这是一个“会话”问题，那么我就无法胜任了

给你， 为什么不使用Jquery功能

$(document).ready(function() {
    $('#firstn').val('');
    $('#middlein').val('');
    $('#lastn').val('');
    $('#suffix').val('');
    $("#gradelevel option:selected").removeAttr("selected");
});

函数重置（）{
document.querySelector（'input'）。value=“”；
document.getElementById（“nograde”）.selected=“selected”；
}

大学新生
大学二年级
大专生
大学四年级
重置

这只在firefox中发生，对吗？你可以像那样在

选择上设置值。您必须将选项设置为选中或设置。查看：我想知道为什么？也