This article mainly introduces two methods (traversal + reset) for js to clear form data. For more information, see Method 1: traverse page elements.
/* Clear FORM Content id: form id */function ClearForm (id) {var objId = document. getElementById (id); if (objId = undefined) {return;} for (var I = 0; I <objId. elements. length; I ++) {if (objId. elements [I]. type = "text") {objId. elements [I]. value = "";} else if (objId. elements [I]. type = "password") {objId. elements [I]. value = "";} else if (objId. elements [I]. type = "radio") {objId. elements [I]. checked = false;} else if (objId. elements [I]. type = "checkbox") {objId. elements [I]. checked = false;} else if (objId. elements [I]. type = "select-one") {objId. elements [I]. options [0]. selected = true;} else if (objId. elements [I]. type = "select-multiple") {for (var j = 0; j <objId. elements [I]. options. length; j ++) {objId. elements [I]. options [j]. selected = false ;}} else if (objId. elements [I]. type = "textarea") {objId. elements [I]. value = "";} // else if (objId. elements [I]. type = "file") {// objId. elements [I]. select (); // document. selection. clear (); // for IE, Opera, Safari, Chrome // var file = objId. elements [I]; // if (file. outerHTML) {// file. outerHTML = file. outerHTML; //} else {// file. value = ""; // FF (including 3.5 )//}//}}}
Method 2: Use the reset button
Add
Trigger reset events
$("input[type=reset]").trigger("click");