如何在页面加载JAVASCRIPT时清空输入字段
我有一个表单可以向我发送用户的电子邮件,有一个表单会转到发送电子邮件的.php文件,成功后会这样做:window.history.back();。这很好,它可以回到它们原来的位置。除了他们在表格中输入的信息仍然存在。如何在页面加载时删除输入,或者在用户提交表单后立即删除输入,以便返回时表单为空如何在页面加载JAVASCRIPT时清空输入字段,javascript,php,html,forms,Javascript,Php,Html,Forms,我有一个表单可以向我发送用户的电子邮件,有一个表单会转到发送电子邮件的.php文件,成功后会这样做:window.history.back();。这很好,它可以回到它们原来的位置。除了他们在表格中输入的信息仍然存在。如何在页面加载时删除输入,或者在用户提交表单后立即删除输入,以便返回时表单为空 我找到了一些关于执行此操作的主题,但它们都使用jQuery,所以这个问题是问,如果没有jQuery,是否可以执行此操作。我们可以使用纯JavaScript来清空值。在日常表单上重置的示例如下: var i
我找到了一些关于执行此操作的主题,但它们都使用jQuery,所以这个问题是问,如果没有jQuery,是否可以执行此操作。我们可以使用纯JavaScript来清空值。在日常表单上重置
的示例如下:
var input = document.getElementById('my-input');
input.value = '';
如图所示 我们可以使用纯JavaScript来清空值。在日常表单上重置
的示例如下:
var input = document.getElementById('my-input');
input.value = '';
如图所示 若要重置所有输入字段的值。然后,这可以是一个解决方案:
<!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>
希望,这对您来说很好。若您想重置所有输入字段的值。然后,这可以是一个解决方案:
<!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>
希望,这对您很有用。到目前为止,我相信jQuery使用的是javascript。我不确定我是否在关注您。你到底在做什么,因为在我看来,你在做的事情是window.history.back();从PHP脚本来看,这不是一个好办法。如果你回到过去,那么为什么不改用ajax呢。到目前为止,我相信jQuery使用的是javascript。我不确定我是否在关注你。你到底在做什么,因为在我看来,你在做的事情是window.history.back();从PHP脚本来看,这不是一条可行之路。如果你回到过去,那么为什么不改用ajax呢。这正是我想要的,但我找不到一种方法来实现它。我尝试将其放入一个emptyField函数中,并让该函数在加载时出现,如onload=“emptyField();”。但我不认为窗口。历史。返回();导致页面必须“加载”以使其不工作。
onload
属性是窗口
对象的属性。您还需要引用该方法,而不是调用它。因此window.onload=emptyField
。没有引用,没有括号。这解决了我的问题,谢谢!尽管如此,它同时也带来了另一个问题。“window.onload=emptyField”行不知怎么搞砸了我在加载时执行的其他javascript函数?我可以建议在一个包罗万象的onload
方法中调用其他onload
方法吗?所以window.onload=function(){onload_method1();onload_method2();onload_method3()}
等等。哇,工作得很好,你是个救生员,谢谢!我今天学到了很多。这正是我想要的,但我找不到一个方法让它发挥作用。我尝试将其放入一个emptyField函数中,并让该函数在加载时出现,如onload=“emptyField();”。但我不认为窗口。历史。返回();导致页面必须“加载”以使其不工作。onload
属性是窗口
对象的属性。您还需要引用该方法,而不是调用它。因此window.onload=emptyField
。没有引用,没有括号。这解决了我的问题,谢谢!尽管如此,它同时也带来了另一个问题。“window.onload=emptyField”行不知怎么搞砸了我在加载时执行的其他javascript函数?我可以建议在一个包罗万象的onload
方法中调用其他onload
方法吗?所以window.onload=function(){onload_method1();onload_method2();onload_method3()}
等等。哇,工作得很好,你是个救生员,谢谢!我今天学到了很多。这是一个更深入的答案,就像上面的一样,谢谢。但与上面的一样,似乎存在一个问题,因为window.history.back();实际上没有激活onload。这是一个更深入的答案,就像上面的一样,谢谢。但与上面的一样,似乎存在一个问题,因为window.history.back();实际上并没有激活onload。