Layui下拉框初始化回显旧值需手动调用form.val()赋值并确保lay-filter与name匹配，动态加载选项后须先form.render('select')再form.val()，且服务端应预先注入selected属性或JS在DOM就绪后及时设值。
layui下拉框初始化时如何回显旧值
layui 的 select 组件本身不自动记忆或回显旧值，必须手动设置 value 属性或调用 form.val() 触发赋值。如果你在表单编辑场景中刷新页面后下拉框变为空，大概率是没把旧值写进 HTML 或没触发 layui 表单重渲染。
常见错误现象：select 标签里没有 selected，或者用了 layui.use(['form'], ...) 但没等 DOM 渲染完就调 form.val()。
- 确保原始
select的option中有对应value的选项，且该值与旧值完全一致（注意字符串/数字类型） - 在
layui.use(['form'], function(){...})回调内操作，避免 DOM 未就绪 - 若旧值来自接口，建议先渲染
select选项，再用form.val('filterName', {name: 'oldValue'})赋值 - 不要直接改
select.value后以为 layui 会感知——必须走form.val()或触发form.render('select')
form.val() 设置 select 值时的参数陷阱
form.val() 是唯一推荐的赋值方式，但它对参数格式很敏感。filter 名必须和 select 的 lay-filter 属性值严格一致；第二个参数是对象，key 必须是 select 的 name 属性值，value 是你要设的选项值。
例如：<select name="category" lay-filter="editForm">，那就要写 form.val('editForm', {'category': '2'})。如果 name 缺失，form.val() 会静默失败。
- 检查
select是否有name属性，且不能为中文或空格 - 旧值如果是数字（如后端返回
1），但option value="1"是字符串，没问题；但如果option value="01"，而旧值是"1"，就不会匹配 - 调用
form.val()后无需再调form.render()，它内部已触发重绘
动态加载 option 后设置旧值失效怎么办
从接口拉取下拉选项后再设值，容易因异步时机问题导致 form.val() 执行时 DOM 还没更新，从而找不到对应 option。这时值看似设了，但下拉框仍显示默认项或空白。
正确做法是：等 select 的 innerHTML 更新完毕，并显式调用 form.render('select', 'filterName')，再执行 form.val()。
- 不要在
$.get()的 success 回调里直接写form.val()，应放在插入option的 DOM 操作之后 - 如果用
layui.each()拼接字符串再$('#mySelect').html(html)，拼完立刻form.render('select', 'editForm') - 确认
form.render()的第二个参数（filter）和你的lay-filter一致，否则只重绘所有 select，不触发对应 filter 的事件绑定
编辑页刷新后旧值丢失的典型原因
最常被忽略的是：服务端渲染时没把旧值塞进 HTML 的 selected 属性里，又没在 JS 初始化阶段补上。Layui 不读 localStorage、不记历史、不自动恢复，一切靠你喂。
比如你用模板引擎（如 Thymeleaf、Jinja）渲染页面，应该让后端把旧值传入，并生成类似 <option value="2" selected>电子产品</option> 的结构。这样即使 JS 加载失败，下拉框也有基础回显。
- 前后端分离项目中，这个“旧值”往往来自路由参数或上一页传参，务必在 JS 初始化前准备好变量
- 别依赖浏览器自动记住表单值——layui 的
select是重新封装的 DOM，原生表单记忆机制对其无效 - 调试时可打印
$('#mySelect').val()和form.val('filterName')对比，确认是否真被设进去
