layui的form.on('select()')绑定生效需确保select元素有name属性，且与监听参数完全一致；data.value为空因option缺少value属性；动态渲染后须调用form.render('select')。
layui 的 form.on('select()') 怎么绑定才生效
必须确保 select 元素有 name 属性，且该 name 值要和监听时传入的参数完全一致。Layui 表单模块不认 id 或 class，只靠 name 匹配事件。
常见错误是写了 form.on('select(mySelect)', ...)，但 HTML 里写的是 <select id="mySelect">，漏了 name="mySelect" —— 这样监听永远不触发。
- HTML 中必须包含
name="xxx"，例如：<select name="status"><option value="1">启用</option></select> - JS 中监听写法为：
form.on('select(status)', function(data){...})，括号内字符串必须和name值一字不差 - 如果多个
select共享同一个name（不推荐），事件会全部响应；Layui 不支持按id精确区分
为什么 select 切换后 data.value 是空或 undefined
这通常是因为选项的 value 属性缺失或为空。Layui 的 data.value 直接取自当前选中 <option> 的 value 属性值，不是文本内容。
- 正确写法：
<option value="active">启用</option>→data.value得到"active" - 错误写法：
<option>启用</option>→data.value是空字符串"" - 也别用
value=""当默认项，否则首次加载就可能触发一次空值回调；建议设一个明确的初始值如value="0"或留空项加提示文字
动态渲染的 select 要怎么监听
如果 select 是 JS 拼接字符串后 innerHTML 插入、或通过 Ajax 加载的，必须在 DOM 插入完成之后，再调用 form.render('select')，否则 Layui 不识别它为可监听表单元素。
- 插入 HTML 后立即执行：
form.render('select', 'your-filter');（第二个参数是可选的容器选择器） - 若整个表单区域是动态加载的，直接用
form.render()重载全部表单元素 - 不要在
form.render()前就写form.on(...)—— 事件绑定本身是静态的，但渲染是让元素“活起来”的前提
监听函数里拿不到最新的 DOM 状态？
data.elem 和 data.othis 都是原生 DOM 对象，但它们反映的是事件触发瞬间的状态。如果你在回调里立刻操作其他元素（比如根据选择值显示/隐藏某 div），要注意：Layui 的 select 渲染后，实际下拉菜单是浮层，change 事件已由 Layui 封装并派发，DOM 已更新，可放心读取 data.value 或用 $(data.elem).val() 验证。
-
data.elem是原始<select>标签（原生 DOM） -
data.othis是 Layui 渲染后的下拉触发按钮（jQuery 对象，含.find('.layui-select-title')等） - 避免在回调里重复调用
form.render()，除非你刚改了其他表单结构；单纯读值或切换显隐不需要重渲染
name 的 select，只要之前调用过 form.render()，它也会被纳入监听范围——这点容易被忽略，但恰恰是动态表单的关键。 
