我试过了，$("#client.frm").reset();但它不起作用。那么如何通过 jQuery 重置表单？
如何通过 JavaScript 重置（清除）表单？
IT技术
javascript
jquery
2021-02-09 06:15:00
6个回答
form.reset() 是一种 DOM 元素方法（不是 jQuery 对象上的方法），因此您需要：
$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();
或者没有 jQuery：
document.getElementById("client").reset();
注意：如果表单包含任何具有属性的字段，则 reset() 函数不起作用：
name='reset'
你可以简单地做：
$("#client.frm").trigger('reset')
纯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;
}
}
}
请注意，form.reset()如果表单中的某些输入标签具有属性，则该功能将不起作用name='reset'
该.reset()方法没有清除默认值和复选框字段，还有更多问题。
为了完全重置检查以下链接 -
http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm