如何通过JavaScript重置（清除）表单？

Question

如何通过JavaScript重置（清除）表单？

我试过$("#client.frm").reset();但它没有工作。那么如何通过jQuery重置表单？

Answer 1

form.reset() 是一个DOM元素方法（不是jQuery对象上的一个），所以你需要：$("#client.frm")[0].reset();//faster version:$("#client")[0].reset();或者没有jQuery：document.getElementById("client").reset();

Answer 2

你可以简单地做：$("#client.frm").trigger('reset')

Answer 3

纯JS解决方案如下：function&nbsp;clearForm(myFormElement)&nbsp;{ &nbsp;&nbsp;var&nbsp;elements&nbsp;=&nbsp;myFormElement.elements; &nbsp;&nbsp;myFormElement.reset(); &nbsp;&nbsp;for(i=0;&nbsp;i<elements.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;field_type&nbsp;=&nbsp;elements[i].type.toLowerCase(); &nbsp;&nbsp;switch(field_type)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"text": &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"password": &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"textarea": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"hidden": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elements[i].value&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break; &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"radio": &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"checkbox": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(elements[i].checked)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elements[i].checked&nbsp;=&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break; &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"select-one": &nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;"select-multi": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elements[i].selectedIndex&nbsp;=&nbsp;-1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break; &nbsp;&nbsp;&nbsp;&nbsp;default: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break; &nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}}