Layui select 动态赋值后 form.render() 不生效，主因是未按“追加 option→form.render('select', 'filter')→form.val('filter', {...})”三步执行，或 lay-filter 缺失、拼写错误、操作早于模块加载。
select 动态赋值后 form.render() 不生效的常见原因
直接给 select 的 value 属性赋值或用 innerhtml 拼选项，layui 表单模块根本“看不见”变化——它只监听自己初始化时解析过的 dom 结构。不是 js 赋值失败，而是 layui 没被通知要重新渲染。
- 动态插入
<option></option>后没调用form.render('select')，只调了form.render()（后者默认不处理 select） - 赋值操作在
layui.use(['form'], callback)外部执行，form模块还没加载完成 - 用了 jQuery 或原生
setAttribute('value', ...)改select值，但没同步更新 Layui 内部缓存（它靠data-value和选中状态双重维护）
正确赋值 + 渲染的三步操作顺序
Layui 的 select 必须走“先改 DOM → 再触发渲染 → 最后设值”这个链路，顺序错一步就白忙。
- 用
layui.jquery（不是全局$）向select追加option：layui.jquery('#mySelect').append('<option value="1">选项一</option>'); - 立即调用
form.render('select', 'your-filter')（第二个参数是lay-filter值，必须匹配 HTML 中的lay-filter="xxx"） - 再用
form.val('your-filter', {name: '1'})设值；不要用select.value = '1'或prop('value', '1')
form.val() 设值失败的典型场景
form.val() 看似简单，但只对带 lay-filter 的表单元素有效，且依赖 DOM 已被 form.render() 处理过。
- HTML 中
select缺少lay-filter="userSelect"，form.val('userSelect', {...})直接静默失败 - 动态添加
option后漏掉form.render('select', 'userSelect')，此时form.val()会设值成功但 UI 不变（DOM 有值，下拉框显示仍为空） - 传给
form.val()的键名（如name）和select的name属性不一致，例如<select name="city"></select>却调用form.val('filter', {area: 'bj'})
调试时必看的两个检查点
别猜，直接看 DOM 和控制台——90% 的问题在这两处暴露。
- 打开开发者工具，检查
select元素上是否有lay-id属性：没有说明form.render()根本没跑过或失败了 - 在控制台执行
layui.form，确认返回对象存在；再执行layui.form.val('your-filter')，看返回值是否为当前选中值（不是你刚设的值，就是没生效）
复杂点在于：Layui 的渲染和值绑定是解耦的，DOM 变了、form.render() 成了、form.val() 也跑了，但 UI 还是旧的——大概率是 lay-filter 名字拼错了，或者你在异步回调里操作时，form 模块还没 ready。
