如何通过 JavaScript 重置（清除）表单？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/3786694/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to reset (clear) form through JavaScript?
提问by Nick Craver
I have tried $("#client.frm").reset();but it is not working.So how to reset form via jQuery?
我试过了，$("#client.frm").reset();但它不起作用。那么如何通过 jQuery 重置表单？
回答by Nick Craver
form.reset()is a DOM element method (not one on the jQuery object), so you need:
form.reset()是一种 DOM 元素方法（不是 jQuery 对象上的方法），因此您需要：
$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();
Or without jQuery:
或者没有 jQuery：
document.getElementById("client").reset();
回答by user2057484
You can simply do:
你可以简单地做：
$("#client.frm").trigger('reset')
$("#client.frm").trigger('reset')
回答by Mahmoud Saleh
Pure JS solutionis as follows:
纯JS解决方案如下：
function clearForm(myFormElement) {
var elements = myFormElement.elements;
myFormElement.reset();
for(i=0; i<elements.length; i++) {
field_type = elements[i].type.toLowerCase();
switch(field_type) {
case "text":
case "password":
case "textarea":
case "hidden":
elements[i].value = "";
break;
case "radio":
case "checkbox":
if (elements[i].checked) {
elements[i].checked = false;
}
break;
case "select-one":
case "select-multi":
elements[i].selectedIndex = -1;
break;
default:
break;
}
}
}
回答by Alpesh
,reset() method does not clear the default values and checkbox field and there are many more issues.
,reset() 方法不会清除默认值和复选框字段，还有更多问题。
In order to completely reset check the below link -
为了完全重置检查以下链接 -
http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm
http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm
回答by alexbobroff
Note, function form.reset()will not work if some input tag in the form have attribute name='reset'
请注意，form.reset()如果表单中的某些输入标签具有属性，则该功能将不起作用name='reset'
回答by Gaurang P
Reset (Clear) Form throught Javascript& jQuery:
复位（清除）形式throught Javascript＆jQuery：
Example Javascript:
示例 JavaScript：
document.getElementById("client").reset();
Example jQuery:
示例jQuery：
You may try using trigger()Reference Link
您可以尝试使用trigger()参考链接
$('#client.frm').trigger("reset");
回答by Nagaraju Vuppala
Clear the form as follows
清除表格如下
document.forms[0].reset();
You can simply clear the form elements within the group. by using this forms[0].
您可以简单地清除组内的表单元素。通过使用这个forms[0]。
回答by Hazem_M
Try this :
尝试这个 ：
$('#resetBtn').on('click', function(e){
e.preventDefault();
$("#myform")[0].reset.click();
}
回答by Felix Bagur
Use JavaScript function reset():
使用 JavaScript 函数reset()：
document.forms["frm_id"].reset();
回答by Justlearning
You could use the following:
您可以使用以下内容：
$('[element]').trigger('reset')
