动态添加的 select 必须置于 class="layui-form" 容器内，且需在 DOM 插入后立即调用 form.render('select')；联动时应为每个 select 设置唯一 lay-filter 并指定渲染范围；弹层中需在 success 回调里 layui.use('form') 后再 render。
动态添加的 select 必须放在 layui-form 容器内
原生 html 的 select 被 layui 美化为下拉面板，前提是它必须处于一个带有 class="layui-form" 的父容器中——这个容器可以是 form、div 或任意块级元素，但不能缺失。如果动态拼接字符串时漏掉这个 class，或者把它写在了子元素上（比如只给 select 加了），form.render() 就找不到作用域，渲染会静默失败。
常见错误写法：<div id="container"><select name="xxx"></select></div>
正确写法：<div class="layui-form" id="container"><select name="xxx"></select></div>
form.render('select') 必须在 DOM 插入完成后立即调用
layui 不监听 DOM 变化，所以你用 $.append()、innerHTML 或 document.createElement 添加完 select 后，得立刻执行 form.render('select')，不能等到点击事件、AJAX 回调结束或页面 onload 之后才调。更不能把它写在全局 script 标签里“提前加载”——那会因 DOM 还不存在而报错或无效果。
- 错误：把
form.render('select')放在页面底部 script 中，但select是 later 用 JS 插入的 - 错误：在 AJAX 成功回调里改完
select.innerHTML，却忘了调form.render('select') - 正确：插完就 render，例如
$('#container').append(html); form.render('select');
联动下拉时，第二次 form.render('select') 失效的典型原因
当第一个 select（如“省份”）选中后，通过 JS 清空并重写第二个 select（如“城市”）的 innerHTML，再调 form.render('select') 却发现点不开——这往往是因为：
- 两个
select共享同一个lay-filter值，导致渲染逻辑冲突 - 第二个
select的父容器没有独立的layui-form包裹，而是和第一个混在同一个容器里，render 时被跳过 - 用了
document.getElementById().innerHTML = ...替换内容，但没触发form.render()，且旧 DOM 引用已失效
建议做法：给每个动态 select 分配唯一 lay-filter，并在其直接父容器加 layui-form；替换内容后，显式传 filter 参数： form.render('select', 'city-filter')。
弹层（layer）里的 select 渲染失败，别漏掉 layui.use('form')
layer.open() 打开的弹窗是动态创建的 DOM，即使 HTML 结构正确、layui-form 也写了，如果没在弹窗内容加载完成后再执行 layui.use('form', ...)，form 模块根本没加载进来，form.render() 就是 undefined。
正确顺序：
- layer.open() 的
success回调里操作 DOM - 然后
layui.use('form', function(){ var form = layui.form; form.render('select'); }) - 不要在全局提前
layui.use('form')就以为万事大吉——那个实例只对当时已存在的 DOM 生效
复杂表单嵌套、layer + table + form 混用时，最容易忽略这点：每个动态上下文都需要自己加载并使用对应模块。
