唯一稳定解法是用lay-append-to="body"配合lay-append-position="fixed"，并在渲染后调form.render('select', 'filter-name')；因原生select不参与CSS层叠上下文，z-index无效，其下拉面板层级由最近定位父容器决定，表格中则被overflow:hidden裁剪，硬改样式会破坏布局。
直接用 lay-append-to="body" + lay-append-position="fixed"，并在渲染完成后调 form.render('select', 'filter-name') —— 这是 Layui 2.9.12+ 唯一稳定、无副作用的解法。
为什么 z-index 调了也没用
原生 <select> 下拉菜单不参与 CSS 层叠上下文，z-index 对它完全无效；Layui 渲染出的下拉面板（.layui-form-select dl）是 position: absolute，其层级由最近的 relative 或 absolute 父容器决定，不是全局 z-index。layer 默认 zIndex: 19891014，而 select 面板的真实层级常低于它，硬改数字容易踩边界（比如设成 19891013 反而更糟）。
表格里嵌 select 怎么办
Layui 表格容器（.layui-table-box 和 .layui-table-body）强制设置了 overflow: hidden，原生 select 下拉是 body 下的绝对定位元素，必然被裁剪。此时：
- 别碰
overflow: visible—— 会破坏滚动条、错位 fixed 列、导致单元格高度塌陷 - 改用
lay-select：在templet中写带lay-filter的<select>，外层容器加唯一 ID（如id="table-form-wrap"） - 在表格
done回调里执行form.render('select', 'table-form-wrap') - 监听必须用
form.on('select(filter-name)', ...)，不能监听原生change
layer 弹窗中 select 不生效的常见坑
lay-append-to="body" 写了但下拉还是被截断？大概率是渲染时机错了：
- 动态插入 DOM（如
layero.find('.layui-form').append('<select lay-append-to="body"></select>')）后没调form.render('select') - 用了
type: 2（iframe），lay-append-to="body"指的是 iframe 内部的body，不是主页面 - 弹窗内容来自已有节点（如
content: $('#myForm')），layer 会 clone 节点并清空事件绑定，必须在success回调里重新form.render() - 推荐写法：
form.render('select', 'your-filter-name')，用lay-filter做局部刷新，避免影响其他区域
真正关键的不是“怎么让它显示出来”，而是“让它脱离父容器的定位和溢出限制”。所有临时改 overflow 或硬调 z-index 的做法，都会在滚动、缩放、多弹窗或移动端上暴露问题 —— 尤其是 iOS Safari，可能直接禁用原生下拉行为。
