Javascript重置包含默认值的整个表单

Javascript重置包含默认值的整个表单,javascript,reset,Javascript,Reset,如何使用JavaScript重置HTML表单?我的表单实际上包含PHP默认值 我用这个来澄清: function reset(){ document.getElementById("moduleform_insert").reset(); } 当没有时,它可以完美地工作 是否有任何方法可以清除或我应该抓取每个输入值并逐个设置为空 希望有人能给点建议。谢谢 当没有任何问题时,它可以完美地工作 是否有任何方法可以清除或我应该

如何使用JavaScript重置HTML表单?我的表单实际上包含PHP默认值

我用这个来澄清:

        function reset(){
            document.getElementById("moduleform_insert").reset();
        }         
当没有
时,它可以完美地工作

是否有任何方法可以清除或我应该抓取每个输入值并逐个设置为空

希望有人能给点建议。谢谢

当没有任何问题时,它可以完美地工作

是否有任何方法可以清除或我应该抓住每个输入值 然后一个接一个地设置为空

这就是工作原理

方法还原表单元素的默认值 价值观此方法的作用与单击表单的重置相同 按钮

如果要清除这些值,只需获取它们并逐个清除即可

var form = document.getElementById("moduleform_insert");
var allNumberAndTextInputs = form.querySelectorAll("input[type='number'], input[type='text'] ");
Array.from( allNumberAndTextInputs ).forEach( function( ele ){
  ele.value = ""; //set the value to empty
})

您可以使用jQuery来实现这一点

函数重置(){
jQuery(“#moduleform_insert”).val(“”);
}

函数重置(){
document.getElementById(“表单”).reset();
}

这是基本代码。如果您愿意,您可以添加“输入:电子邮件”、“输入:电话”等。或者像这样做:

form.find('input').not(':hidden,:submit').val('');

这就是
reset
的工作原理,它将值设置回默认值。Emm这意味着没有其他方法?您可以使用
javascript
清除输入。如果您给出一个表单示例,我相信有人会向您展示一个或多个方法来完成此操作。@RICKYZHTC您需要在选择它们后逐个清除它们。。我已经给出了一个例子,在输入文本和数字时也可以这样做。谢谢你的反馈谢谢你的反馈
form.find('input').not(':hidden,:submit').val('');