0

我有一个通过电子邮件将用户电子邮件发送给我的表单，还有一个表单可以转到发送电子邮件的 .php 文件，并且在成功后它会执行：window.history.back();。效果很好，它可以回到原来的位置。除了他们在表格中输入的信息仍然存在。如何在页面加载时删除该输入，或者在用户提交表单后立即删除，以便他们返回时为空？

我发现了一些关于这样做的主题，但他们都使用了 jQuery，所以这个问题是问是否可以在没有 jQuery 的情况下完成。

4

2 回答 2

2

我们可以使用纯 JavaScript 来清空这些值。<input>在日常表单上重置 an 的示例将如下所示：

var input = document.getElementById('my-input');

input.value = '';

正如在这个小提琴中看到的那样；

于 2013-09-29T19:46:13.750 回答
2

如果要重置所有输入字段的值。然后，这可能是一个解决方案：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function resetValues()
{
 var x=document.getElementsByTagName("input");
 for(i = 0; i<=x.length-1; i++)//x.length-1 i don't want to reset the value of the last button
  {
  if(x.item(i).type!="button")
  x.item(i).value = "";
  }
}
</script>
</head>
<body onload="resetValues()">
<input type="text" id="name"><br>
<input type="text" id="address"><br>
<input type="text" id="country"><br><br>
<input type="button" onclick="resetValues()" value="Reset values">
</body>
</html>

或者，如果您想重置某些特定的输入字段。尝试这个：

//In you resetValues() function, replace the code with this
 var x = document.getElementById("name");//your input element id
 var y = document.getElementById("address");//your input element id
 var z = document.getElementById("country");//your input element id
 x.value = "";
 y.value = x. value;
 z.value = y.value;

希望，这对你很好。

于 2013-09-29T20:08:26.320 回答