layui下拉框通过select事件获取选项索引的可靠方法是：在option标签中预先设置data-index属性，并在form.on('select(filter)', callback)回调中用$(data.elem).find('option[value="'+data.value+'"]').data('index')获取。
layui下拉框如何通过 select 事件拿到选项索引
layui 的 select 组件本身不直接暴露选项索引，但可以通过 DOM 操作或配合 data-index 属性拿到。关键在于：不要依赖 value 或 text 反查索引，而是在渲染时就存好位置信息。
常见错误是监听 change 后用 selectedIndex —— 这在 layui 中不可靠，因为它的下拉是模拟 DOM，原生 select 元素被隐藏，实际操作的是 .layui-select-title 和浮动菜单。
- 给原始
select添加lay-filter="mySelect"，并在 JS 中用form.on('select(mySelect)', ...)监听 - 在监听回调里，
this指向的是被点击的dd元素（即下拉项），不是select标签本身 -
this上没有index属性，但可以用$(this).index()获取它在同级dd中的位置（从 0 开始） - 注意：这个索引是当前可见
dd列表里的位置，不是原始option的顺序——如果用了disabled或动态增删，需额外处理
为什么 $(this).index() 有时返回 -1 或错位
这是因为 layui 渲染时可能插入了分隔线（<hr>）、空 dd、或自定义模板项，导致 dd 节点不连续。此时 $(this).index() 会把所有兄弟 dd 算进去，包括被 display:none 的。
- 稳妥做法：遍历所有启用的
dd，跳过layui-disabled和hr，手动计数 - 或者更简单：在初始化时，给每个
option加上data-index="0"、data-index="1"，然后在select回调中用$(this).parent().find('option:selected').data('index')取值 - 但注意：layui 不会自动同步
data-index到渲染后的dd，所以得自己在form.render()后补一遍
推荐写法：用 data-index + 手动绑定
在 HTML 中写：
<select id="mySelect"><option value="a" data-index="0">苹果</option> <option value="b" data-index="1">香蕉</option> <option value="c" data-index="2">橙子</option></select>
JS 中：
form.on('select(mySelect)', function(data){
var selectedIndex = $(data.elem).find('option[value="' + data.value + '"]').data('index');
console.log('选中项原始索引：', selectedIndex); // 输出 0 / 1 / 2
});
这个方式不依赖渲染结构，也不怕禁用项干扰，唯一前提是 value 唯一且稳定。
layui 2.8+ 中的注意事项
新版 layui 对 select 的事件对象做了增强，data.elem 是原始 select 元素，data.value 是选中值，但依然没加 data.index 字段。如果你用的是动态加载选项（比如 AJAX 渲染），记得在插入 option 时手动设置 data-index，否则后续无法反查。
最易忽略的一点：当 select 被多次 form.render()，旧的 data-index 不会自动更新 —— 如果你中途修改了 option 顺序或增删项，必须重新赋值 data-index 并再次 form.render()。
