根本原因是select未被layui form模块识别，需确保其父容器有class="layui-form"且DOM已挂载；动态插入后应延迟渲染；lay-filter必须严格匹配大小写和空格。
form.render('select') 调用后下拉框还是原生样式
根本原因是 select 元素没被 layui 的 form 模块“认领”——它压根没扫描到这个元素。最常见的情况是：父容器缺失 class="layui-form"，或者 select 不在该容器内。
检查时直接看 DOM：select 的最近一个带 class="layui-form" 的祖先元素是否存在；如果用了 div 或 form 作为容器，必须显式加这个 class，不能靠后代自动识别。
- 错误写法：
<div><select lay-filter="city"></select></div> - 正确写法：
<div class="layui-form"><select lay-filter="city"></select></div> - 如果容器是
form，同样要加：<form class="layui-form">...</form>
动态插入 select 后调用 form.render('select') 没反应
不是渲染失败，而是渲染时机错了：DOM 还没真正挂载到页面，form.render() 就执行了，结果找不到目标元素。
典型场景是 AJAX 加载 HTML 字符串后用 innerHTML 或 $.html() 插入，但没等插入完成就调了渲染。
- 错误顺序：
$('#container').html(htmlStr); form.render('select');（此时 DOM 可能还没重绘） - 推荐写法：
$('#container').html(htmlStr).promise().done(() => form.render('select'));或更稳妥地用setTimeout延迟一帧：setTimeout(() => form.render('select'), 0) - 如果插入的是 fragment，确保它已 append 到 document 中再调用渲染
赋值后 UI 不更新，但 form.val() 返回值正确
说明 DOM 和 layui 内部状态都对了，但视觉没刷新——90% 是 lay-filter 对不上。
form.render('select', 'xxx') 的第二个参数必须和 select 所在容器的 lay-filter="xxx" 完全一致（大小写、空格、引号都算），否则它只刷别的区域，甚至什么也不刷。
- 检查
select父级是否写了lay-filter；没写就别传第二个参数，但不推荐 - 避免拼写错误：比如 HTML 里是
lay-filter="userType"，JS 里却写了form.render('select', 'usertype') - 如果多个 select 共用一个 filter，
form.render('select', 'xxx')会批量刷新它们；想单刷某个，得给它单独设 filter
layer 弹层里 select 渲染失效
layer 弹窗内容是动态创建并插入 body 的，它的 DOM 节点不在初始页面结构中，所以初始化时的自动渲染完全不生效，必须手动补渲染。
关键不是“要不要渲染”，而是“在哪一刻、对哪个范围渲染”。不要在 layer.open() 外提前调用，也不要等用户点击后再操作。
- 最佳时机：在
success回调里操作，例如：layer.open({ ..., success: () => form.render('select', 'dialog-filter') }) - 确保弹层容器有
class="layui-form"和匹配的lay-filter - 如果弹层内容是模板字符串拼的，注意把
lay-filter、lay-key等属性也带上，不然 form 模块会忽略
form.render() 和 form.val() 是两个独立动作，一个管 UI，一个管数据；两者都成功了，UI 还不动，大概率是 filter 名字错位或作用域错乱——这时候别改逻辑，先打开控制台，查 layui.form 是否存在、查对应 filter 下的 DOM 是否真在当前文档流里。
