layui select怎么设置默认选中项（根据后端传值回显）-Layui教程-PHP中文网

form.val() 必须配合 form.render('select') 才生效，因 layui select 是渲染组件，dom value 与 ui 状态分离；value="0" 需带引号且需 jquery 显式设选中再 render；动态加载选项后须在 dom 插入完成后再调用 form.val() 和 form.render()。

layui select怎么设置默认选中项（根据后端传值回显）

form.val() 必须搭配 form.render('select') 才生效，否则界面上完全没反应——这是最常被忽略的硬性前提。

为什么直接 `$('#mySelect').val(1)` 不起作用

Layui 的 select 是渲染后的 UI 组件，原生 <select></select> 元素的 value 属性和视觉状态是分离的。你改了 DOM 的 value，Layui 并不知道，UI 也不会同步。

只调 $('#mySelect').val(1)：DOM 值变了，但下拉框标题栏、高亮项都还是旧的
只调 form.render('select')：UI 重绘，但会按当前 DOM 的 value（可能还是空或默认值）去匹配
必须两者配合：先设值，再通知 Layui 重绘 UI

后端返回 `value="0"` 时怎么处理

这是高频翻车点：form.val() 和 .val(0) 都会静默失败，因为 Layui 渲染逻辑会跳过 value="" 和 value="0" 的 <option></option>。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

确保 HTML 中写的是 <option value="0">未启用</option>，不是 value=0（无引号会被解析为空）
用 jQuery 显式设置选中状态：$('#mySelect').find('option[value="0"]').prop('selected', true)
紧接着调 form.render('select')，不能省
如果 mySelect 有 lay-filter="status"，推荐写成 form.render('select', 'status')，避免重绘整个表单

动态加载选项后回显的正确时机

AJAX 加载完 <option></option> 后，不能立刻 form.val()，必须等 DOM 插入完成且元素就绪。

在 success 或更可靠的 done 回调里操作，不要用 async: false

插入选项后，立即设置值并渲染：

$.get('/api/status', function(res) {
  $('#status').html(res.data.map(d => `<option value="${d.id}">${d.name}</option>`).join(''));
  form.val('statusFilter', { 'status': res.selectedId }); // res.selectedId 是数字或字符串
  form.render('select', 'statusFilter');
});