//查询输入框
<div class="layui-card-body">
<!--<form class="layui-form" action="">-->
<div class="layui-form-item">
<label class="layui-form-label">学生姓名</label>
<div class="layui-input-inline">
<input type="text" id="stuname" name="name" lay-verify="" value="<?php echo $_GET['name'];?>" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
<label class="layui-form-label">身份证</label>
<div class="layui-input-inline">
<input type="text" id="shenfenzheng" name="shenfenzheng" lay-verify="" value="<?php echo $_GET['身份证'];?>" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query" id="userQuery">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
</div>
<!--</form>-->
</div>
//表格
<div class="layui-card-body">
<table id="dataTable" lay-filter="dataTable"></table>
</div>
//功能代码
// 表格渲染
table.render({
elem: '#dataTable',
url: MODULE_PATH + 'student_index.php',
page: true,
cols: cols,
cellMinWidth: 100,
skin: 'line',
toolbar: '#toolbar',
});
// 查询功能,表格重载
$(document).on('click','#userQuery',function(){
var serch=$('#stuname')
var shenfen=$('#shenfenzheng')
table.reload('dataTable',{
where:{
name:serch.val(),
shenfenzheng:shenfen.val()
},
page:{
curr:1
}
})
})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决