zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    1602液晶显示实验
    LNMP安装(二)
    LNMP安装(一)
    vim插件安装
    资料下载
    建表的sql
    time
    计算机里的加减乘除
    branch
    存储过程
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/7831909.html
Copyright © 2011-2022 走看看