美文网首页
jquery清空form表单

jquery清空form表单

作者: _灯火阑珊处 | 来源:发表于2019-07-10 11:35 被阅读0次
<form id="form" class="layui-form layui-form-pane" method="post" action="" style="margin-top: 20px;">
    <input type="reset" name="reset" style="display: none;" id="resetInfoBtn"/>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">价格</label>
        <div class="layui-input-inline" style="width: 280px">
        <input id="price" name="price" disabled="disabled" autocomplete="off"
                       class="layui-input" type="text"/>
         </div>
    </div>
</form>
通过在form内添加 type="reset" 的input
<input type="reset" name="reset" style="display: none;" id="resetInfo"/>
然后通过id触发该点击事件即可
$("#resetInfo").trigger("click");

相关文章

网友评论

      本文标题:jquery清空form表单

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