layui 表单搜索

layui 专栏收录该内容
6 篇文章 0 订阅
       <form class="layui-form" lay-filter="title" id="title">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">球员位置:</label>
                            <div class="layui-input-inline">
                                <select name="position" lay-verify="user_type">
                                    <option value="0">全部</option>
                                    <option value="1">左前锋</option>
                                    <option value="2">右前锋</option>
                                    <option value="3">中前锋</option>
                                    <option value="4">中场</option>
                                    <option value="5">右腰</option>
                                    <option value="6">左腰</option>
                                    <option value="7">中后卫</option>
                                    <option value="8">左后卫</option>
                                    <option value="9">右后卫</option>
                                    <option value="10">门将</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">出售状态:</label>
                            <div class="layui-input-inline">
                                <select name="zaishou" lay-verify="status">
                                    <option value="0">全部</option>
                                    <option value="1">在售</option>
                                    <option value="2">已下线</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">是否删除:</label>
                            <div class="layui-input-inline">
                                <select name="del" lay-verify="status">
                                    <option value="0">全部</option>
                                    <option value="1">正常</option>
                                    <option value="2">已删除</option>
                                </select>
                            </div>
                        </div>
                      
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit=""
                                        lay-filter="search11">
                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                                </button>
                            </label>
                        </div>


                    </div>


                </form>

js 处理

     //筛选条件
        var $ = layui.$,
            active = {
                reload: function () {
                    table.reload('testReload', {        //表格的id
                        where: {
                            position: $('select[name=position]').val(),
                            zaishou: $('select[name=zaishou]').val(),
                            isDel: $('select[name=del]').val(),
                        },
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                    });
                }
            };
        //监听搜索
        form.on('submit(title)', function (data) {

            var type = 'reload';
            active[type] ? active[type].call(this) : '';
            return false
        })

 

  • 0
    点赞
  • 0
    评论
  • 4
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值