Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使我的重置功能在输入元素上工作?_Javascript_Html_Css_Function_Input - Fatal编程技术网

Javascript 如何使我的重置功能在输入元素上工作?

Javascript 如何使我的重置功能在输入元素上工作?,javascript,html,css,function,input,Javascript,Html,Css,Function,Input,我有一个重置功能,可以选择输入的id 我有一个按钮,当点击时会触发函数 我哪里出了问题?我想可能是因为我的输入不在表单中,我需要创建一个表单并给它一个id以供引用。但这也不起作用 我还尝试使用document.getElementById.(“reset”).reset() 这也没用 我迷路了 function clearInputs(){ document.getElementById("reset").value = ""; } 你的名字 他们的名字 在开始编写代码之前:如果要

我有一个重置功能,可以选择输入的id

我有一个按钮,当点击时会触发函数

我哪里出了问题?我想可能是因为我的输入不在表单中,我需要创建一个表单并给它一个id以供引用。但这也不起作用

我还尝试使用document.getElementById.(“reset”).reset()

这也没用

我迷路了

function clearInputs(){
document.getElementById("reset").value = "";
}


你的名字


他们的名字

在开始编写代码之前:如果要将表单的字段重置为其初始值,则根本不需要编写任何代码。只需在以下表格中使用
输入type=“reset”

<input type="reset" value="Reset">


你的名字
他们的名字
getElementById(“reset”)搜索id=“reset”似乎不存在的元素,这就是没有重置内容的原因

如果您的
位于
中,您可以使用
重置所有表单值()

你可以试试

document.getElementById("nameInput2").value = ""; 
并确保它能在特定元素上工作


这里的类是重置的,您使用的是
getElementById(“重置”)
,这是错误的

使用以下其中一种:

document.getElementById(“nameInput1”).value=“”;
document.getElementByClass(“重置”).value=“”;

输入的“id”是“nameInput1”和“nameInput1”,而不是“重置”。使用:
这将重置表单标记内的所有值。对,但没有表单标记。此外,我实际上不清楚这个问题,但我想要一个按钮,将删除我所有的输入。我有两个日期输入和两个文本输入。在我找到一种选择所有元素的方法之前,我只是想弄清楚如何至少让按钮在单个元素上工作。只需将所有代码包装在表单标记中即可。这不会改变任何事情。使用
问题是,我的css正在使用网格。因此,这个特定的输入位于嵌套的网格项中。它位于9个单元格中的网格单元格1中。问题是,我希望最终选择所有的输入(有4个,两个日期输入和两个文本输入),并使用一个按钮使它们休息。所以输入类型“reset”在这里对我来说不起作用,因为它只适用于一个输入。谢谢你,我之前已经更正了,但它仍然不起作用!我将尝试使用queryselctor重写它,因为我确实希望它能处理我的所有输入。在我的HTML中,我有两个日期输入和两个文本输入。@nineborn-。如果你想做你所有的输入,看看答案中的“如果不止一个”部分。哈哈,好吧,我肯定会的,我只是想找出我哪里出了问题。我将使用一个querySelectorAll(#reset”)并在该元素的html中添加一个“reset”类并对其进行测试。woops没有读完你的评论。好的,我需要在class标记中保留多个类。doh。让我试试这个。
<input type="reset" value="Reset">
document.getElementById("nameInput2").value = "";