必须调用form.render('select')才能使layui下拉框赋值生效，核心步骤是先设置原生select的value，再调用form.render('select', filter)，动态加载选项后需在追加option并赋值后再执行该渲染。
layui下拉框赋值后不显示？先确认是否用了 form.render()
layui 的 select 是基于原生 <select></select> 二次封装的，直接改 value 属性或 selectedIndex 不会触发 UI 更新。必须手动调用 form.render() 或其子方法才能刷新下拉框的选中状态和文字显示。
怎么用 JS 给 layui select 赋值并生效？
核心步骤就两步：设置原生 select 元素的 value，再调用 form.render('select')。注意别漏掉参数 'select'，否则可能不生效（尤其在有多个表单组件时）。
常见写法：
// 假设下拉框 HTML 是 <select name="city" id="citySelect">...</select>
document.getElementById('citySelect').value = 'shanghai';
layui.use('form', function(form) {
form.render('select', 'your-form-filter'); // 第二个参数是 form 的 filter 值（可选，但推荐指定）
});
- 如果没给
form设置lay-filter，第二个参数可以省略，但建议加上避免意外失效 - 赋值前确保选项的
value确实存在，否则下拉框会回退到空或第一个选项 - 不要用
$('#citySelect').val('shanghai').trigger('change')—— layui 不监听 jQuery 的change事件
动态加载选项后赋值失败？顺序很重要
异步获取数据、拼接 option、再赋值时，容易因 DOM 更新和 layui 渲染时机错乱导致赋值无效。关键点是：追加完 option 后，必须重新执行 form.render('select')，而不是只调用一次。
- 先清空原有
option（select.innerHTML = ''或select.innerHTML = '<option value="">请选择</option>'） - 再插入新
option（注意保留value和文本内容匹配） - 最后设置
select.value = targetValue，再调用form.render('select', filter) - 如果用
layui.form().selectRender()（v2.9+），它会自动处理部分场景，但兼容性不如显式form.render()
多实例或嵌套弹窗里赋值失效？检查渲染作用域
在 layer 弹窗、tab 页或动态插入的 DOM 中操作 select，常遇到 form.render() 不起作用——因为 layui 的 form 模块默认只监听初始化时已存在的表单。动态插入的元素需要手动重新绑定。
- 确保弹窗 DOM 插入完成后再执行赋值和
form.render() - 若弹窗内容是字符串模板，记得在
layer.open()的success回调里操作 - 避免在未引入
form模块时就调用form.render()，会报form is not defined - 多个同名
name的 select？赋值时要精确控制到具体 DOM 节点，别用document.querySelector('select[name="xxx"]')模糊匹配
form.render()，UI 就卡在旧状态。
