layui下拉框值从子页面传给父页面需先设父select的value，再调用parent.layui.form.render("select", "filter")；须确保父页已加载form模块且同源，跨域时须用postMessage。
layui下拉框的值怎么从子页面（iframe）传给父页面
直接改父页面的 select 元素并重渲染是常见误区——layui 的下拉框（form.select）本质是基于原始 select 生成的 DOM，不能靠单纯设 value 或 innerText 触发更新。必须调用 layui 的 form.render()，且要确保操作的是父页面的 form 实例。
子页面中通过 window.parent 获取父页面对象时，需注意：父页面必须已加载 layui 并执行过 layui.use('form')，否则 parent.layui.form 是 undefined。
- 子页面触发传值前，先检查
if (window.parent && window.parent.layui && window.parent.layui.form) - 设父页面原始
select的value（例如：window.parent.document.getElementById('mySelect').value = '2'） - 再调用
window.parent.layui.form.render('select', 'your-filter')，其中'your-filter'是父页面 form 容器的 lay-filter 值（不填则全局重渲染，性能差）
父页面如何监听子页面 iframe 的传值动作
子页面无法直接“触发”父页面事件，但可以主动调用父页面定义的函数。所以父页面要提前挂载一个可被跨 iframe 访问的回调函数到 window 上，比如 onSelectValueChange。
这个函数里不要只做 DOM 修改，还要包含校验和二次处理逻辑，比如联动其他字段、提交表单等。别把业务逻辑全塞进子页面，容易失控。
- 父页面在
layui.use('form', ...)后立即定义：window.onSelectValueChange = function(val) { ... } - 子页面调用：
window.parent.onSelectValueChange('5')，然后由父页面统一处理赋值 +form.render() - 避免在子页面直接操作父页面 DOM，尤其是当父页面用了模板引擎或 Vue/React 混合渲染时，DOM 可能被动态替换
为什么 select 渲染后选项文字没变，但 value 是对的
这是最典型的“只改了 value，没改 lay-select 内部 span 文本”的表现。layui 下拉框点击后显示的内容来自 lay-select 生成的伪元素（如 .layui-form-select dl dd 中的 dd[lay-value="x"]），而顶部显示框（.layui-form-select .layui-select-title span）文本不会自动同步。
根本原因：layui 不监听原生 select.value 变更，它只在初始化或 form.render() 时读取 option[selected] 来更新显示文本。
- 务必确保目标
option有selected属性（不只是设select.value）：selEl.options[i].selected = true - 或者用
selEl.selectedIndex = i，比设 value 更可靠 - 最后必须调用
form.render('select')，否则伪 DOM 不刷新
父子页面不同域时 iframe 传值会失败吗
会。只要父、子页面协议、域名、端口任意一项不一致，浏览器就启用同源策略，window.parent 读写会报 Blocked a frame from accessing a cross-origin frame 错误。
此时不能硬连，得换方案：postMessage 是唯一标准解法。但要注意，layui 本身不介入通信层，你得自己在父子页面都加监听和发送逻辑。
- 子页面发消息：
window.parent.postMessage({ type: 'SELECT_VALUE', value: '3' }, 'https://parent-domain.com') - 父页面监听：
window.addEventListener('message', e => { if (e.data.type === 'SELECT_VALUE') { ... } }) - 消息里不要传 DOM 节点或函数，只传 plain object；验证
e.origin防止恶意站点伪造
跨域场景下，连 layui.form 实例都拿不到，所有渲染操作必须在父页面完成。子页面只负责发消息，别试图碰父页面的 layui 对象。
