layui select 动态添加选项需先更新原生select dom，再调用layui.form().render('select', 'filter-name')显式重绘；直接append或修改form.select.options无效，且须确保lay-filter匹配、value唯一、标签闭合。
layui select 动态添加选项用 layui.form().select.render() 不生效？
直接操作 select DOM 后不触发下拉更新，是因为 layui 的 select 是基于原始 select 重新渲染的封装组件，DOM 变更不会自动同步到下拉面板。必须显式调用渲染方法，且注意时机和参数。
- 不能在
select元素上直接.append()后就完事，得先更新原生select，再调用form.render('select') - 如果页面已初始化过 layui form（常见于
layui.use(['form'], callback)内），后续动态增删必须调用form.render('select', 'filter-name')，其中'filter-name'是你select上的lay-filter值 - 若没设
lay-filter，可只传'select'，但会重绘所有 select，性能差且易干扰其他下拉框
正确写法：先改 DOM，再 render，且 filter 要匹配
假设 HTML 中有：
<select id="mySelect" lay-filter="city"></select>，JS 中添加选项并刷新：
const $select = $('#mySelect');
$select.append('<option value="bj">北京</option>');
$select.append('<option value="sh">上海</option>');
// 必须调用 form.render，并传入对应的 lay-filter 值
layui.form().render('select', 'city');
注意：layui.form() 返回的是 form 模块实例，.render() 是它的方法；'select' 表示只处理 select 类型，'city' 是 filter 名，二者缺一不可。
用 layui.form().select.options 批量注入？不行，这是只读属性
form.select.options 是 layui 内部维护的缓存对象，暴露为只读，不能直接 push 或赋值。试图修改它不会反映到界面，也不触发重绘。所有变更必须走 DOM + render 流程。
- 想清空再加一批？先
$select.empty()，再.append()新option，最后form.render() - 需要带禁用/分组？
<optgroup label="华北"><option value="bj">北京</option></optgroup>是支持的，但需确保结构合法，否则 render 时可能静默失败 - 异步加载后添加？确保在
$.get()回调里执行 append + render，别在请求前或 Promise 外围调用
容易被忽略的兼容点：layui 2.8+ 的 form.render() 参数变化
老项目用 layui 2.6.x，form.render('select', 'filter') 是标准写法；升级到 2.8+ 后，该方法签名未变，但内部对空 option、重复 value、未闭合标签更敏感——比如 <option value="1">A</option>
<option value="1">B</option> 会导致第二项无法选中，且无报错提示。
- 动态添加前建议校验 value 唯一性
- 避免在
option内写换行或多余空格，render时可能截断文本 - 如果下拉框是通过
formSelects等第三方扩展实现的，那完全不走 layui 原生流程，得查对应插件的 API
render 就一定看不到新选项；而 filter 名配错、render 调用位置不对、value 重复这三类问题，占了线上故障的八成以上。
