Question

JQuery中如何重置（reset）表单

Answer 1

由于JQuery中，提交表单是像下面这样的：Java代码 $('#myform').submit() $('#myform').submit() 所以，想当然的认为，重置表单，当然就是像下面这样子喽：Java代码 $('#myform').reset() $('#myform').reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下：Java代码 $('#myform')[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。

Answer 2

<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
$("input[name='res']").click();

Answer 3

代码如下:

<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>

方法一：
我们可以通过就是id实现 ，代码如下:
document.getElementById("form1").reset();
通过name实现，代码如下:
document.formName.reset();

方法二：
逐一清空，代码如下:
$("#inp").val("1");

但是表单太多的话可以如下写，代码如下:
$("input").val("");

设表单的默认值加type为reset的input ，代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
<script>
$("input[name='res']").click();
</script>
资料参考：http://www.jb51.net/article/40325.htm