【layUI杂记】layui之重置按钮事件

" class="wiz-editor-body wiz-readonly" data-wiz-document-type="common" spellcheck="false" contenteditable="false">

<div class="layui-form-item">
    <div class="layui-input-block">
        <button class="layui-btn" lay-submit="" lay-filter="demo1">增加</button>
        <button type="reset" class="layui-btn layui-btn-primary" id="reset">重置</button>
    </div>
</div>


-- 重置按钮事件
$("#reset").click(function () {
    $('input[name="name"]').val('');
    $('input[name="phone"]').val('');
    $('input[name="wechat"]').val('');
    $('input[name="email"]').val('');
    $('input[name="ido"]').val('');
    $('input[name="company"]').val('');
    $("#searchContent").val("");  // 下拉选择框
    form.render();
});


当你使用表单时， layui会对select,checkbox, radio等原始元素隐藏，从而进行美化装饰处理，但这需要依赖于form组件，所以你必须加载form, 并且执行一个实例。