JQuery中如何重置(reset)表单(且清空隐藏域)

由于JQuery中，提交表单是像下面这样的：

$('#myform').submit()   

 

所以，想当然的认为，重置表单，当然就是像下面这样子喽：

 

$('#myform').reset()  

 

但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！

后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。

那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下：

$('#myform')[0].reset()  

 

 

也就是通过调用 DOM 中的reset方法来重置表单。

 

 

 

比如有时候使用reset按钮不能清空隐藏域的值，需要手动清空表单的值与隐藏域的值:

下面的清空按钮可以清空隐藏域的值与表单的值:

                                    <!--清空按钮-->
                                    <button type="button" onclick="clearForm(this)"
                                        class="btn btn-default el_queryButton0 btn-sm">清空</button>

function clearForm(obj) {
    var form = $(obj).parents("form");
    $(form)[0].reset();
    $("[name='bigId']").val("");// 设置地址之后进行查询
}

 

 

 

还有一种办法就是利用jQuery的form.js插件:  下载地址  http://plugins.jquery.com/form/