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