Layui下拉框动态加载后不显示，需手动调用form.render("select")并确保DOM已插入、lay-filter存在、参数正确，且设值前选项必须已渲染。
动态加载数据后下拉框不显示，不是数据没拿到、也不是 DOM 没插进去，而是 Layui 根本没“重画”这个 select——它不监听 innerHTML、append() 或 empty() 这类操作，必须手动通知。
form.render("select") 必须调，且参数不能错
这是最常踩的坑：漏调、调错名、或传参错误。
-
form.render("select")的参数是字符串"select"，不是"selects"、"Select"，也不能省略 - 如果目标
<select></select>在某个<form lay-filter="myForm"></form>内，推荐加第二个参数：form.render("select", "myForm")，避免全局重绘拖慢性能 - 调用前必须确认
layui.use(["form"], callback)已包裹整个逻辑，否则控制台报form is not defined - 确保该
<select></select>有lay-filter属性（如lay-filter="citySelect"），否则form.render("select", "citySelect")找不到作用范围
DOM 插入顺序和时机很关键
常见现象：Ajax 回调里拼了 <option></option>，也调了 form.render()，但下拉面板还是空的。
- 先清空再插入：用
.empty()或.children().remove()，别用.html("")，某些版本会破坏 Layui 封装结构 - 插入的每个
<option></option>必须带合法value属性，否则后续form.val()匹配失败 -
form.render()必须在新<option></option>已真实插入 DOM 后立即执行——不要放在异步回调外层、不要被闭包或this指向干扰 - 浏览器开发者工具里检查该
<select></select>是否多了lay-id属性：没有，说明form.render()根本没生效
form.val() 设值却没反应？值和选项得同时存在
控制台查 form.val("myFilter") 返回了正确值，UI 却卡在“请选择”，问题不在设值动作本身。
-
form.val("myFilter", {city: "shanghai"})中的city必须和<select name="city"></select>的name属性完全一致（大小写、拼写） - 设值前，
<option value="shanghai"></option>必须已存在于 DOM 中，且已被form.render("select")处理过 - 顺序不能颠倒：改 DOM →
form.render("select", "myFilter")→form.val("myFilter", {...}) - 千万别用 jQuery 直接
$("#mySelect").val("shanghai")，Layui 内部状态不同步，UI 不更新
还有种隐藏原因：CSS overflow 把下拉面板裁掉了
尤其在弹出层（layer.open）、表格单元格或固定高度容器里，Layui 下拉面板可能被父级 overflow: hidden 截断。
- 检查
.layui-table-cell、.layui-table-box、.layui-table-body是否被设为overflow: hidden - 临时加调试样式：
.layui-table-cell { overflow: visible !important; }看是否恢复显示 - 弹出层中使用
form组件时，layer.open的content是克隆 DOM，记得在layer.open回调里再调一次form.render()
真正容易被忽略的是：Layui 的渲染不是“响应式”的，它是一次性快照 + 手动触发。所有动态操作都绕不开「改 DOM → 告诉 Layui → 它才重画」这个铁律，中间任何一环断掉，UI 就静止了。
