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

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

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

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

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

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

也就是通过调用 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)[].reset();

    $("[name='bigId']").val("");// 设置地址之后进行查询

}

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

巴特西

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

最新文章

热门文章