Javascript 重置输入和文本区域字段，不使用form.Reset

由于一些原因，我不能在页面上有

标记，但我确实有

元素，如

、

和

。我有一个重置按钮，当我点击按钮时，我需要重置输入和文本区域内的所有内容。还有很多输入框

此外，还有一个php脚本，它用请求的信息填充

标记，我也希望在按下按钮时将其再次置为空白

下面是一些示例代码

HTML

重置字段
这里有一些文字
这里有一些文字

我想这就是你想要的：

function resetFields(){
    var inputArray = document.querySelectorAll('input');
    inputArray.forEach(function (input){
        input.value = "";
    });

    var textAreaArray = document.querySelectorAll('textArea');
    textAreaArray.forEach(function (textArea){
        textArea.innerHTML = "";
    });

    var spanArray = document.querySelectorAll('span');
    spanArray.forEach(function (span){
        span.innerHTML = "";
    });

}

---

我想这就是你想要的：

function resetFields(){
    var inputArray = document.querySelectorAll('input');
    inputArray.forEach(function (input){
        input.value = "";
    });

    var textAreaArray = document.querySelectorAll('textArea');
    textAreaArray.forEach(function (textArea){
        textArea.innerHTML = "";
    });

    var spanArray = document.querySelectorAll('span');
    spanArray.forEach(function (span){
        span.innerHTML = "";
    });

}

函数resetFields（）{
var x=document.querySelectorAll（“.resetable”）；
x、 forEach（el=>{
el.值=''；
el.innerHTML=''；
})
}
重置字段
这里有一些文字
这里有一些文字

函数resetFields（）{
var x=document.querySelectorAll（“.resetable”）；
x、 forEach（el=>{
el.值=''；
el.innerHTML=''；
})
}
重置字段
这里有一些文字
这里有一些文字

如果使用jquery，可以按照

$("input[type='text'],textarea").val('');
$("#mySpan,#mySpan2").text('');

---

如果使用jquery，可以按照

$("input[type='text'],textarea").val('');
$("#mySpan,#mySpan2").text('');

---

在这种情况下，制作垃圾箱真的很有帮助。在你的代码中不要有拼写错误也是很有帮助的。我会看看我能做些什么。@D.Walsh哈哈，我的错。我编辑了它。我匆忙写出了示例代码。@BJohnson我认为如果您想重置一些字段，答案也可以解决这个问题。虽然您必须单独处理span案例，但在这些情况下创建bin确实很有帮助。在你的代码中不要有拼写错误也是很有帮助的。我会看看我能做些什么。@D.Walsh哈哈，我的错。我编辑了它。我匆忙写出了示例代码。@BJohnson我认为如果您想重置一些字段，答案也可以解决这个问题。虽然你必须单独处理span案例，那太好了。不幸的是，现在当我点击重置按钮时，它要么删除/隐藏所有表单元素。知道为什么吗？我必须看到你的表单标签来告诉你为什么，我在JSFIDLE中试过，效果很好。不知道为什么，但第二次成功了，现在效果很好。谢谢你的帮助，我真的很感激@BJohnson这个解决方案是对这个问题的更准确的答案，但是编码很糟糕。页面上的每个跨距、输入或文本区域都将被擦除。随着页面经过多年的编辑，这是一个巨大的bug来源。@D.Walsh他要求所有这些元素都是空白的。那太好了。不幸的是，现在当我点击重置按钮时，它要么删除/隐藏所有表单元素。知道为什么吗？我必须看到你的表单标签来告诉你为什么，我在JSFIDLE中试过，效果很好。不知道为什么，但第二次成功了，现在效果很好。谢谢你的帮助，我真的很感激@BJohnson这个解决方案是对这个问题的更准确的答案，但是编码很糟糕。页面上的每个跨距、输入或文本区域都将被擦除。随着页面经过多年的编辑，这是一个巨大的bug来源。@D.Walsh他要求所有这些元素都是空白的。