table.reload() 不清空搜索框值是因为它只刷新表格数据，不操作自定义搜索表单dom；必须手动清空input/select等元素的value或selectedindex，并用form.val()和form.render()同步layui组件状态。
table.reload() 为什么清不掉搜索框里的值
因为 table.reload() 只刷新表格数据和分页状态，不操作你写的搜索表单 DOM。搜索框（input、select）是你自己放的，Layui 表格实例根本不知道它们存在，更不会去清空。
常见错误现象：layui.table.reload('userTable') 执行后，表格数据确实重载了，但顶部 #keyword 还显示着旧文字，点“搜索”按钮时仍会带着它发请求。
必须手动清空这些元素的 value 或 selectedIndex，否则 UI 和逻辑永远不同步。
清空 Layui 渲染的 select / date / checkbox 要调 form.val() + form.render()
Layui 的 select、date、checkbox 是 JS 动态生成的 UI，原生 DOM 操作（比如 el.value = ''）只改了底层值，UI 根本不响应。
- 对
select：先form.val('searchForm', { 'status': '' })，再form.render('select', 'searchForm') - 对多选
select[multiple]：必须传数组，如{ 'tags': [] }，传空字符串无效 - 对
laydate：先$('#date').val('')，再调用已保存的实例laydateIns.setValue('')（没存实例就重新 render 一次并设value: null） - 对
checkbox：用form.val('searchForm', { 'enabled': [] })清空，再form.render('checkbox')
重置按钮必须用 type="button"，且不能依赖 form.reset()
type="reset" 按钮在 Layui 场景下基本失效——它只清原生控件，对所有 Layui 封装组件（下拉、日期、开关）完全没反应；更糟的是，如果表单没包在 <form></form> 里，或用了异步提交，type="reset" 甚至不触发任何行为。
正确做法是显式写成：<button type="button" id="resetSearch">重置</button>
绑定点击事件时，确保在 layui.use(['form'], function(){}) 内执行，否则 form.val() 和 form.render() 不可用。
别用 form.reset() —— 它和 form.val() 不兼容，且无法覆盖 Layui 组件状态。
table.reload() 必须显式传 where: {} 和 page: { curr: 1 }
table.reload() 默认复用上次请求缓存的 where 参数。只清空表单 DOM ≠ 清空请求参数。UI 和请求参数是两套独立逻辑，必须手动切断。
where: null 或 where: undefined 依然继承旧值；where: { status: '' } 反而把空字符串当有效条件发给后端。
唯一可靠的写法是：where: {}。
漏掉 page: { curr: 1 } 会导致重置后停在第 5 页却无数据，用户以为失败。
推荐完整组合：form.val('searchForm', {}); form.render(); layui.table.reload('userTable', { where: {}, page: { curr: 1 } });
最容易被忽略的一点：如果你的搜索逻辑里写了类似 where: { keyword: $('#keyword').val() } 这种硬编码取值，重置后它仍会读 DOM 旧值——必须统一走 form.val('searchForm') 取值，否则重置形同虚设。
