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