用form.val('searchfilter', {})可批量清空所有已注册select字段，但必须紧随其后调用form.render('select', 'searchfilter')同步ui；级联下拉需显式清空并禁用后续字段，带搜索的需额外清除高亮。
用 form.val() 一次性清空所有 select 字段值
直接遍历 DOM 设 select.value = '' 或 $(select).val('') 不起作用——Layui 的下拉框是伪元素，真实值和 UI 是分离的。必须走 form.val() 接口写入空值，它会同步内部状态和渲染逻辑。
关键点：传空对象 {} 即可批量清空所有已注册字段：
-
form.val('searchFilter', {})—— 第一个参数必须是你form标签上写的lay-filter="searchFilter"值，不能写错或漏引号 - 如果表单没设
lay-filter，可用form.val(null, {})（Layui 2.8+ 支持），但不推荐，易误清其他区域 - 该操作只影响
name属性存在且被form.render()过的select，没name的会被忽略
必须紧接着调用 form.render('select', 'searchFilter')
form.val() 只改数据，UI 不变。你看到下拉标题栏还是旧文字、选项高亮没取消，就是因为没重绘。
常见错误：
- 只写
form.render()—— 会重绘全页所有 form 模块，性能差，还可能破坏其他表单 - 写成
form.render('select')（漏掉 filter）—— 匹配不到目标表单，什么都没刷 - filter 名和
lay-filter值不一致（比如多一个空格、大小写不同）—— 渲染失败，UI 卡死
正确写法：layui.form.render('select', 'searchFilter')，第二个参数必须严格等于 lay-filter 的值。
级联下拉要额外处理后续字段和禁用状态
比如“省份→城市→区县”三级联动，清空省份后，城市和区县不能只靠 form.val() 设空——它们的 options 可能还是旧数据，甚至仍处于启用状态。
实操建议：
- 在
form.val('searchFilter', { province: '', city: '', district: '' })中显式清空所有级联字段 - 对城市、区县
select元素，手动加disabled属性：$('#city').attr('disabled', true) - 清空其
innerHTML或移除所有option（除默认项）：$('#city').empty().append('<option value="">全部</option>') - 最后再统一
form.render('select', 'searchFilter')，否则 disabled 状态不会同步到 Layui 渲染层
带 lay-search 的 select 清空后自动回填？手动破除缓存
启用了搜索的下拉框有个隐藏行为：输入框清空时，Layui 会悄悄恢复上次选中的 option。这不是 bug，是它的搜索态还原逻辑。
绕过方法只有两个步骤都做：
- 先执行
form.val('searchFilter', { field: '' }) - 再手动清除 UI 高亮：
$('select[name="field"]').siblings('.layui-form-select').find('.layui-this').removeClass('layui-this').addClass('layui-hide')
注意顺序不能反，否则高亮残留；也别漏掉 form.render('select', 'searchFilter')，不然下拉面板里选项仍显示选中态。
真正麻烦的是动态加载的级联项——它们的 DOM 结构可能还没生成，.layui-form-select 选择器查不到。这种场景下，清空逻辑必须放在数据加载完成后的回调里，而不是按钮点击瞬间。
