美文网首页
jquery重置form表单!

jquery重置form表单!

作者: DragonersLi | 来源:发表于2018-06-24 00:29 被阅读41次

    form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。

    #html代码
    <form>
    <input type='text' name='username' value='admin'>
    <input type='password' name='password' >
    <select>
    <option value=0>请选择</option>
    <option value=1>是</option>
    <option value=2>否</option>
    </select>
                    <input type="submit"  value="搜索" >
                    <input type="reset"  value="重置" >
                    <input type="button"  value="重置"  onclick="formReset();">
    </form>
    
    #js代码
    
    <script type="text/javascript">
    function formReset(){
        $("input[type='text']").val("");  #清空text
    
        $("select").each(function(i,n){ #清空select
            $(this).find("option").eq(0).attr("selected",'selected');
        });
    
    }
    </script>
    
    
    

    相关文章

      网友评论

          本文标题:jquery重置form表单!

          本文链接:https://www.haomeiwen.com/subject/ytcfhftx.html