layui表单元素在layer弹窗中不渲染，是因为form模块未扫描动态插入的dom；需在success回调中确保dom就位、容器含class="layui-form"且调用form.render('select','容器id')，laydate/upload等须单独初始化。
layer 弹窗里的表单元素（select/radio/checkbox）不渲染，根本不是“坏了”，而是 layui 的 form 模块压根没扫描到它们——因为它们不在初始 DOM 里，也没被手动告知该刷哪一块。
为什么 form.render() 在弹窗里调了也没用？
layer.open({ type: 1 }) 创建的弹窗内容是动态 append 到 的新节点，不属于页面加载时 form 模块自动遍历的范围。此时调用 form.render() 若没指定作用域，它只会扫初始 HTML，对弹窗里的 <select></select> 视而不见。
- 错误写法：
layer.open({ content: htmlStr, success: () => form.render() })—— 全局刷，但弹窗 DOM 可能还没挂载完，或刷错了范围 - 正确姿势：在
success回调里，先确保 DOM 已就位，再精准定位容器并渲染 - 必须确认弹窗内容里有
class="layui-form"的父容器，且该容器最好带lay-filter，否则form.render('select', 'xxx')会找不到目标
动态插入后调用 form.render() 仍失效的常见原因
即使写了 form.render('select')，也可能白跑——不是函数错，是时机或结构不对。
-
<select></select>的最近祖先缺少class="layui-form"：比如写成<div><select lay-filter="city"></select></div>，必须改成<div class="layui-form"><select lay-filter="city"></select></div> - DOM 插入未完成就调用了渲染：jQuery 场景下，
$container.html(htmlStr); form.render('select');是高危操作；应改用$container.html(htmlStr).promise().done(() => form.render('select'))或setTimeout(() => form.render('select'), 0) -
lay-filter大小写/空格不一致：HTML 里是lay-filter="UserType"，JS 里却传'usertype'，匹配失败即无效果
layer 弹窗中复合组件（如 laydate、upload）为什么不生效？
form.render() 对 laydate、upload、textarea 这类扩展组件完全无效——它只负责原生表单控件（select、radio、checkbox、switch）的样式和基础交互。
- 日期选择器要单独初始化：
laydate.render({ elem: '#date-picker', trigger: 'click' }) - 上传组件需单独调用：
upload.render({ elem: '#upload-btn', url: '/api/upload' }) - 这些调用都必须放在
layer.open的success回调里，且确保对应元素已存在于弹窗 DOM 中 - 别指望
form.render('all')能一揽子解决，它不处理任何非原生表单控件
最常被忽略的一点：弹窗内容若来自 <script type="text/html"></script> 模板，或通过 $('#template').html() 提取，务必确认提取后的 HTML 字符串里，class="layui-form" 和 lay-filter 都完整存在——少一个引号、多一个空格，form.render() 就会静默跳过。
