必须在动态添加option后立即调用form.render('select')，且AJAX需在success中执行；监听应使用form.on('select(字段名)')；清空二级select需设val('')并再次render；错误时要兜底提示。
layui form 下拉框联动时 select 未更新视图
layui 的 form.render() 不会自动重绘新插入的 select 选项，只对已存在 dom 生效。常见现象是：javascript 动态填充了 option，但下拉框仍显示空白或旧内容。
- 必须在追加
option后立即调用form.render('select')，且传参要明确指定类型 - 如果下拉框是通过 AJAX 异步加载的，确保
form.render('select')在success回调里执行，不能放在请求前或全局作用域 - 避免重复渲染：同一元素多次调用
form.render('select')不报错但可能触发多余事件，建议用变量标记是否已初始化
二级 select 依赖一级 select change 事件但不触发
layui 的 select 元素原生 change 事件被屏蔽，必须监听 form.on('select(字段名)')，而不是 $('#id').on('change')。
- 一级
select的name属性值（如name="province"）必须和form.on('select(province)')中的字符串完全一致 - 如果一级选项是动态生成的，确保它在页面加载时已有
name，且没被后续 JS 覆盖或删掉name属性 - 二级
select的name也要有，否则form.val()取不到值；但它的初始option可为空，等联动后填充
联动时清空二级 select 并重置为“请选择”
用户切换一级选项时，二级应清空并恢复默认提示，否则残留旧值可能被提交，且 form.val() 仍返回上一次选中的值。
- 清空二级
select不能只删option，还要设回默认value：$('#city').val('')或$('#city').prop('selectedIndex', 0) - 如果二级
select第一个option是<option value="">请选择</option>，设val('')即可高亮它 - 清空后必须再调一次
form.render('select')，否则 UI 不同步，用户看到的还是旧选项
layui 2.8+ 中使用 ajax 加载数据时跨域或 404 导致联动失败
二级数据常从接口获取，但错误处理缺失会让整个联动“静默失效”——没报错、没提示、下拉框空着。
- 务必在
$.ajax的error回调里做兜底：$('#city').html('<option value="">加载失败</option>')，再form.render('select') - 接口返回格式需严格匹配前端预期，比如期望数组，结果返回了
{code:0, data:[...]}，却直接塞给$.each(data, ...)，就会循环失败 - 避免硬编码 URL 路径，用相对路径或配置常量，防止部署后因 base path 变化导致 404
联动本身逻辑简单，真正卡住人的永远是 DOM 状态、事件绑定时机、以及表单组件和原生元素之间的那层“薄纱”——你改了 select 的 innerHTML，但忘了告诉 layui “它变了”。
