Question

他们可能看起来像一个愚蠢的问题，但我很难过。一世使用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>

但是“gradelevel”上面的“select / option”不会像“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>

我几乎尝试过所有事情，我甚至还在寻找解决方案，但没有解决我的问题。理想情况下，我希望在刷新页面时将表单值默认为“”。如果这是一个“会话”问题，那么我就会远离我的联盟。 JSFiddle

Answer 1

你在这里，为什么你不使用Jquery能力

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

Answer 2

＆＃13;

function reset() {
  document.querySelector('input').value= "";
  document.getElementById("nograde").selected = "selected";
}

＆＃13;

<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 id="nograde" 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>

<div><button onClick="reset()">Reset</button></div>

＆＃13;

刷新页面后，HTML表单值不会重置为默认值

2 个答案: