必须调用form.render('select', 'filter')才能更新UI，因Layui的select需手动渲染，仅设value或form.val()不触发界面刷新，且须确保form标签含对应lay-filter属性。
点击重置按钮后下拉框没变回默认值？
因为 layui 的 form.select 是手动渲染的，form.val() 只能读写表单值，但不会触发下拉框 ui 更新。直接设 select 的 value 属性或调用 form.val() 后不重新渲染，dom 就卡在旧状态。
- 必须在设值后显式调用
form.render('select')，否则下拉框显示不变 - 重置前先清空所有搜索字段的 value（包括
input、select、textarea），再统一提交给form.val() - 如果下拉框有「全部」选项，确保其
value是空字符串''或约定值（如'all'），并在重置时精准赋值
重置按钮的完整 JS 实现逻辑
假设搜索区域是 form#searchForm，表格是 table#dataList，重置按钮绑定在 button#resetSearch 上：
document.getElementById('resetSearch').onclick = function() {
// 1. 清空 input/textarea 的 value
document.querySelectorAll('#searchForm input, #searchForm textarea').forEach(el => {
el.value = '';
});
// 2. 重置 select：设 value 并触发渲染
const selectEl = document.querySelector('#searchForm select');
if (selectEl) {
selectEl.value = ''; // 对应 <option value="">全部</option>
layui.form.render('select', 'searchForm'); // 第二个参数是 filter 值，非 form name
}
// 3. 通知 table 重载（可选：若搜索依赖 remote 接口）
layui.table.reload('dataList', {
where: { keyword: '', status: '' }, // 传空值或默认值
page: { curr: 1 }
});
};
为什么用 form.render('select', 'filter') 而不是 form.render()？
form.render() 会重绘整个页面所有 form 模块，性能差且可能干扰其他区域；而指定 'select' 类型 + filter（即 form 标签的 lay-filter 值）能精准控制范围。
- 务必确认你的
form标签写了lay-filter="searchForm"，否则form.render('select', 'searchForm')不生效 - 如果多个下拉框，且 filter 不同，要分别 render，不能只靠一次调用覆盖全部
- Layui 2.8+ 支持
form.val('searchForm', {})批量设值，但依然要配form.render('select', 'searchForm')
容易被忽略的 DOM 同步细节
有些场景下，select 的 value 已改，但下拉箭头旁文字没变——这是 Layui 的 select 组件缓存了显示文本。它只在 form.render() 时读取当前 select.value，再匹配对应 option 的 innerText。
- 确保「全部」选项的
value和你重置时设的值完全一致（注意空格、大小写） - 不要用
select.selectedIndex = 0替代select.value = ''，Layui 不监听selectedIndex变化 - 如果用了异步加载下拉选项（如
select内容由 AJAX 填充），重置前需确保数据已就绪，否则render会渲染空白
