Layui的select原生onchange事件不生效，因其被form.render()转换为自定义组件，必须使用form.on('select(filterName)')监听，且select需设置lay-filter属性、确保form模块已加载并调用form.render('select')刷新。
layui 的 select 为什么 onchange 不生效
因为 layui 的下拉框（select）会被 form.render() 转换成自定义样式组件，原生 DOM 事件（如 onchange）绑定在原始 select 上完全无效——你选中了，但监听函数根本不会触发。
必须用 layui 的 form.on('select(...)') 监听
layui 提供了统一的表单事件监听机制，所有美化后的表单控件（包括 select、checkbox、radio）都得走这个入口。关键点是：括号里填的是 select 的 name 属性值，不是 id 或 class。
常见写法：
form.on('select(status)', function(data){
console.log(data.value); // 当前选中的 value 值
console.log(data.elem); // 原始 select DOM 元素
});
-
status是你select标签的name="status"，必须严格匹配 - 确保
form模块已加载：layui.use(['form'], function(){...}) - 监听代码必须放在
form.render()之后（如果手动调用了），否则可能漏掉首次渲染的事件绑定 - 如果
select是异步插入 DOM 的（比如 AJAX 加载后 append），需要在插入后再次调用form.render('select')，再绑定事件
data.value 和 data.elem.value 容易混淆
data.value 是 layui 封装后可靠的当前选中值；而 data.elem.value 是原始 select 的 value，但因为被 layui 隐藏了真实 select，直接读它往往为空或旧值。
- 永远优先用
data.value - 如果要获取对应 option 的文本，可以用：
$('option[value="' + data.value + '"]', data.elem).text() - 注意：
data.elem是原始select元素，不是 layui 生成的 div，所以 jQuery 选择器仍可对其操作
多个 select 共用 name 或动态 name 怎么办
layui 的 form.on('select(xxx)') 依赖固定 name。如果页面有多个 select 且 name 相同（比如表格内每行一个），或者 name 是后端动态生成的（如 name="item[0].type"），就不能靠单一字符串匹配。
- 方案一：改用 class 区分，然后给每个 select 单独绑定（需配合
form.render('select', '.my-select')） - 方案二：统一用
form.on('select(*)')—— 注意是星号，不是通配符语法，这是 layui 2.8+ 支持的「监听所有 select」写法，此时data.elem.name可取到实际 name - 方案三：放弃 form.on，改用事件委托监听 layui 渲染后生成的 .layui-select-title（不推荐，耦合 UI 结构，升级易崩）
真正容易被忽略的是：layui 表单模块默认只监听 name 存在且非空的 select，如果漏写了 name，事件压根不会注册，控制台也无报错——只能靠检查 DOM 和调试确认。
