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/