点击清除图标后需手动调用form.val()同步值并trigger('change')，再render关联select；禁用原生reset()，应封装resetForm函数逐项重置；Layui 2.8+中form.render参数filter须与lay-filter严格一致。
点击 select 清除图标后，form.render() 不触发重置怎么办
layui 的 select 默认清除图标（×）只清空选中值，但不会同步重置关联的表单项（如隐藏域、联动下拉、校验状态等），本质是它没调用 form.val() 或触发 change 事件。你得手动接管这个行为。
关键点：Layui 的清除图标点击后，DOM 值虽变为空字符串，但 form 模块内部缓存未更新，后续 form.val('formFilter') 仍可能返回旧值。
- 必须监听
click事件捕获清除图标的点击（它在.layui-unselect内部，不能直接绑select） - 清除后立即调用
form.val('formFilter', { field: '' })强制同步值 - 再手动触发
change事件，让联动逻辑或校验能响应
// 假设 form 容器有 lay-filter="demo"
form.on('select(city)', function(data){
// 正常选择时的处理
});
// 拦截清除图标点击
$('body').on('click', '.layui-select-title .layui-unselect', function(){
var $select = $(this).closest('.layui-form-item').find('select');
var filter = $select.closest('form').attr('lay-filter');
var name = $select.attr('name');
// 强制重置该字段为 ''
form.val(filter, {[name]: ''});
// 手动触发 change，确保联动/校验执行
$select.trigger('change');
});
如何让清除操作同时重置其他关联表单项
常见场景：省市区三级联动中，清空“市”时，要自动清空“区”并重置其下拉选项。Layui 不会自动处理这种依赖关系，必须显式控制。
- 在清除图标点击回调里，先用
form.val()清掉目标字段，再对关联字段做同样操作 - 被清空的关联
select必须调用form.render('select')重绘，否则选项仍显示旧内容 - 如果关联项是通过 Ajax 加载的，此时应重置其
disabled状态，并清空options内容（仅 DOM 清空不够）
$('body').on('click', '.layui-select-title .layui-unselect', function(){
var $item = $(this).closest('.layui-form-item');
var filter = $item.closest('form').attr('lay-filter');
// 清空当前 select
var curName = $item.find('select').attr('name');
form.val(filter, {[curName]: ''});
// 同步清空下一级（例如 city → district）
if (curName === 'city') {
form.val(filter, {'district': ''});
// 重绘 district 下拉框
form.render('select', filter);
// 可选：禁用下级 select，避免误操作
$('select[name="district"]').prop('disabled', true).next('.layui-form-select').addClass('layui-disabled');
}
});
为什么 form.reset() 不生效？Layui 根本没提供这个方法
文档里找不到 form.reset()，因为 Layui 的 form 模块不封装原生 reset 行为。直接调用 document.getElementById('myForm').reset() 会重置 DOM，但 Layui 渲染的下拉、复选框等组件状态不会同步 —— 你看到的仍是旧选中态。
- 不要用原生
reset()，它和 Layui 的渲染层完全脱节 - 正确做法是遍历所有表单项，对每种类型分别处理：
select设空值 +render，checkbox/radio移除layui-form-checked类并重置checked属性 - 若表单字段多，建议封装一个
resetForm(filter)函数，按form.config中的字段定义逐个清理
容易忽略的兼容性坑：Layui 2.8+ 的 form.render() 参数变化
Layui 2.8 开始，form.render(type, filter) 的 filter 参数变为可选，但如果你传了，就必须和 form 初始化时的 lay-filter 完全一致（包括空格）。不一致会导致重绘失败，清除后下拉框看起来“没反应”。
- 检查你的
<form lay-filter="user"></form>和 JS 中form.render('select', 'user')的字符串是否完全相同 - 动态生成的表单，
lay-filter最好用变量统一管理，避免硬编码不一致 - 清除后调用
form.render('select')（不带 filter）会重绘页面所有 select，性能差；带 filter 更精准，但容错低
清除不是终点，同步状态才是。多数问题出在「以为 DOM 清了就完了」，而 Layui 的交互状态藏在 JS 缓存和 DOM 类名里，漏掉任何一环，用户就会觉得“点了 × 没用”。
