<div class="layui-form">
关键字:
<div class="layui-inline">
<input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys1">
<input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys2">
</div>
<button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon"></i></button>
</div>
//搜索框
form.on('submit(searchBtn)', function (data) {
console.log(data);
console.log(data.field);
var Keys1 = data.field.Keys1;
var Keys2 = data.field.Keys2;
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
keys1: Keys1
keys2: Keys2
}
});
});
<div class="layui-row">
<div class="layui-form">
<div class="layui-col-md6">
商家名称:
<div class="layui-inline">
<input class="layui-input" placeholder="请输入商家名称" autocomplete="off" name="BusinessName">
</div>
<button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon"></i></button>
</div>
<div class="layui-col-md6">
<label class="layui-form-label" style="width:120px !important">请选择筛选条件</label>
<div class="layui-input-inline">
<select name="status" lay-filter="select">
<option value="0">待审核</option>
<option value="1">审核通过</option>
<option value="2">审核不通过</option>
</select>
</div>
</div>
</div>
</div>
//搜索框
form.on('submit(searchBtn)', function (data) {
console.log(data);
console.log(data.field);
var BusinessName= data.field.BusinessName;
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
BusinessName: BusinessName
}
});
});
//下拉框
form.on('select(select)', function(data){
console.log(data.elem); //得到select原始DOM对象
console.log(data.value); //得到被选中的值
console.log(data.othis); //得到美化后的DOM对象
var status=data.value;
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
status: status
}
});
});