唯一稳定解法是直接加 lay-append-to="body" 并在 success 回调里调用 form.render('select')；z-index 对原生 select 下拉无效，因其不参与层叠上下文；表格内嵌 select 应用 lay-select 并在 done 回调中局部渲染。
直接加 lay-append-to="body" 并在 success 回调里调 form.render('select')，这是唯一稳定解法。其他所有调 zIndex、改 overflow、硬塞 !important 的做法，要么临时有效，要么引发滚动错位、表格溢出、iframe 内部失效等连锁问题。
为什么 z-index 无效还总被盖住
原生 <select></select> 的下拉菜单不参与 CSS 层叠上下文，z-index 对它完全没用；Layui 渲染出的下拉面板（.layui-form-select dl）是 position: absolute，它的层级由最近的 relative 或 absolute 父容器决定，不是全局 z-index 值。layer 默认 zIndex: 19891014，而 select 面板计算后的真实层级常低于它——你设成 19891013 可能反而更糟。
lay-append-to="body" 必须配 success 里的 form.render()
属性写了但下拉仍被截断，大概率是渲染时机错了：
- 弹窗内容是 JS 动态插入（如
layero.find('.layui-form').append('<select lay-append-to="body"></select>')），没调form.render('select')就等于没注册 - 用了
type: 2（iframe），lay-append-to="body"指的是 iframe 内部的body，不是主页面 - 弹窗内容来自已有 DOM 节点（如
content: $('#myForm')），layer 会 clone 节点并重置事件绑定，必须在success里重新form.render() - 推荐写法：
form.render('select', 'your-filter-name')，用lay-filter做局部刷新，避免影响其他区域
表格里嵌 select 别碰 overflow: visible
.layui-table-box 和 .layui-table-body 的 overflow: hidden 是故意设的，为控制滚动和列对齐。强行改成 visible 会引发连锁问题：
-
.layui-table-box失去溢出控制 → 滚动条失效或错位 -
.layui-table-cell改overflow→ 触发 Layui 内部样式重置，单元格高度塌陷、文字换行异常 - 多级嵌套或 fixed 列场景下，内容会溢出到主表区域
- iOS Safari 可能直接禁用原生下拉行为
正确做法：用 Layui 自带的 lay-select（即带 lay-search 或 lay-filter 的 <select></select>），它生成的是 JS 模拟下拉，DOM 插入 body 下，天然绕过表格容器裁剪；并在表格 done 回调里调 form.render('select', 'table-wrap-id')。
真正麻烦的不是加属性，而是确保 form.render() 在 DOM 已挂载、事件已绑定、且上下文正确的时机执行——尤其当 layer 内容来自 clone、iframe 或异步模板时，这个时机稍有偏差，lay-append-to="body" 就形同虚设。
