Layui select动态添加option后UI不更新的直接原因是未调用form.render("select")重绘；必须在layui.use(['form'])内执行，参数严格为"select"，顺序为改DOM→render→form.val()。
直接原因不是数据没拿到，而是 Layui 根本没“重画”那个 select——它不监听 DOM 变更，必须手动通知。
form.render("select") 必须调，且参数不能错
动态插入 <option> 后，UI 不更新的头号原因就是漏了这句，或写错了：
-
form.render("select")是唯一正确写法；form.render("selects")、form.render()（无参）、form.render("Select")都无效 - 如果
select在带lay-filter="myForm"的<form>里，推荐加第二个参数：form.render("select", "myForm")，避免全局重绘拖慢页面 - 必须在
layui.use(["form"], callback)内执行，否则form是undefined，控制台报错
DOM 操作顺序和 clean 方式有坑
清空再填内容时，别用 .html("")，某些 Layui 版本会破坏封装结构导致后续 render 失效：
- 改用
$("#mySelect").empty()或$("#mySelect").children().remove() - 拼接
<option value="shanghai">上海</option>时，value属性必须存在且合法，否则form.val()找不到匹配项 - 顺序铁律：改 DOM → 立即
form.render("select", "filterName")→ 再form.val("filterName", {name: "shanghai"})
异步加载后 render 没反应？先查三件事
Ajax 成功返回数据，但下拉框还是空的，大概率卡在执行时机或上下文：
- 打开开发者工具，检查目标
select元素是否多了lay-id属性：没有，说明form.render()根本没执行成功 - 确认
form.render()是在$.ajax().done()或fetch().then()回调内部调用的，不是写在回调外或被闭包变量带偏了this - 检查该
select是否有lay-filter="xxx"属性，没有的话，form.render("select", "xxx")就找不到作用目标
最容易被忽略的是：值设对了、选项也插进去了、form.render() 也调了，但 UI 还是显示“请选择”——这时候十有八九是 form.val() 里的 key（比如 city）和 select 的 name 属性不一致，或者对应 value="xxx" 的 <option> 在 render 之前就被删掉了。
