正确写法是layui.form.render('select', null, dom)，其中dom为select的直接父容器节点；仅当type为'select'时elem参数才生效，可精准刷新指定select而不影响其他表单元素。
form.render 只刷新指定 select 元素的正确写法
直接调用 form.render() 会重绘整个表单区域的所有表单元素，包括所有 select、checkbox、radio 等，无法精准控制。要只刷新某一个 select，必须传入类型参数和目标容器（或元素）。
必须指定 type 参数为 'select'，并传入包裹该 select 的容器 DOM 节点
Layui 的 form.render() 支持三个参数：type（字符串）、filter（可选，用于匹配 form 模块的 lay-filter）、elem（可选，DOM 元素或选择器字符串）。但注意：**只有当 type === 'select' 时，elem 才真正生效且仅作用于其内部的 select**。
常见错误是传了 elem 却没传 type，结果还是全量渲染。
- ✅ 正确：先获取 select 所在的父容器（比如一个
<div class="select-wrap"></div>），再传给form.render('select', null, dom) - ✅ 也行：用原生
document.getElementById或querySelector获取到该 select 的直接父级（必须是包含layui-form-select结构的外层 div），不能直接传select自身节点 - ❌ 错误：
form.render(null, null, selectDom)——elem对非 select 类型无效，且不传type就等价于全量渲染 - ❌ 错误：
form.render('select', 'myForm')—— 这会刷新整个lay-filter="myForm"下所有 select，不是“指定某一个”
动态生成 select 后手动触发渲染的典型场景
比如通过 AJAX 加载完省市区三级联动数据后，更新了第二个 select 的 option，此时需仅刷新它，避免影响其他已选中的控件状态（如第一个 select 的选中项被意外重置）。
示例代码：
// 假设 HTML 中有：
// <div class="area-province"><select name="province"></select></div>
// <div class="area-city"><select name="city"></select></div>
// 动态填充 city select 后
const citySelectWrap = document.querySelector('.area-city');
layui.form.render('select', null, citySelectWrap); // ✅ 只刷新 .area-city 内的 select
注意：layui.form 必须已加载；citySelectWrap 必须是 select 的**直接父容器**（Layui 渲染 select 时会在这个容器里插入 layui-form-select 等结构），否则渲染失败或样式错乱。
兼容性与容易忽略的细节
这个用法在 Layui 2.8.x 及以上稳定支持，但 2.5.x 版本中 elem 参数对 select 的支持不完善，可能仍会全量刷新。如果项目还在用旧版，建议升级或改用 DOM 替换 + form.render('select') 配合局部 filter 控制。
另一个易错点：如果 select 是通过 v-if（Vue）或 ng-if（Angular）等框架指令条件渲染的，务必确保 DOM 已真实插入文档流后再调用 render，否则 elem 查不到或为空。
最稳妥的方式永远是：先确认目标 select 的父容器存在、可见、且未被框架移除，再传入 form.render('select', null, container)。
