<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
})