最稳妥方式是用原生 dom 方法 select.options[select.selectedindex].text 获取选中文本，因 layui select 本质仍是普通 元素，渲染不改变其 dom 结构；避免依赖 data.value 反查文本或误用 data.othis。
layui下拉框如何通过 select 元素获取选中文本
直接用原生 DOM 方法最稳，layui 的 select 本质仍是普通 <select></select>，渲染后不改变其 DOM 结构。别被 form.on('select(...)') 的回调参数迷惑——它只传 value，不传文本。
常见错误是试图从事件回调的 data.value 反查文本，结果发现 option 没设 value 或前后端 value/text 不一致，导致取错。
- 用
document.getElementById('yourSelectId').options[selectedIndex].text最直接 - 如果用了
lay-filter但没给select设id，优先补上id，避免用querySelector模糊匹配 - 若下拉项是异步加载（如通过
layui.ajax渲染），确保在form.render('select')之后再取值，否则options可能为空
form.on('select') 回调里怎么同时拿到 value 和 text
回调函数本身不提供文本，但你可以利用当前触发的 select 元素现场查找：
form.on('select(statusFilter)', function(data){
var selectElem = this;
var selectedIndex = selectElem.selectedIndex;
var text = selectElem.options[selectedIndex].text;
console.log('选中值：', data.value, '对应文本：', text);
});
注意点：
-
this指向的就是被操作的<select></select>元素，不是 jQuery 对象，别写成$(this).find('option:selected').text() - 如果
select含有disabled选项，selectedIndex仍可能指向它，建议加判断：if (selectedIndex >= 0) - 不要依赖
data.elem——它只是原始 DOM 节点，但未挂载额外属性，和this等价
使用 lay-select 渲染后，option 的 value 和 text 不一致怎么办
这是高频坑点：后端返回的数据里 value 是 ID、title 或 name 字段才是显示文本，但模板拼接时写错了：
<select id="city">
{{# layui.each(d.data, function(index, item){ }}
<option value="{{item.id}}">{{item.name}}</option>
{{# }); }}
</select>
上面这样写才对。如果误写成 value="{{item.name}}"，那 data.value 就是文本，看似“取到了”，实则破坏了语义（value 应该是唯一标识）。
- value 必须是稳定、可提交的标识（如数据库主键），不能是可能重复或含空格/特殊字符的文本
- 文本内容必须放在
<option></option>标签体内，而不是靠data-*属性存，否则.text读不到 - 如果必须动态绑定，用
layui.$(select).append('<option value="\"'+id+'\"">'+name+'</option>')后，记得调form.render('select')
多选下拉（lay-filter="multiple"）怎么批量取文本
layui 官方不支持原生 multiple 的 select 自动渲染为多选下拉框；所谓“多选下拉”通常是用第三方组件（如 laydate 风格的下拉面板）或自行封装。如果你硬启用了 multiple 属性并调了 form.render()，layui 会忽略它，仍当单选处理。
真要批量取文本，得自己遍历：
var select = document.getElementById('multiSelect');
var texts = [];
for (var i = 0; i <p>关键提醒：</p>
- layui 的
form模块对multiple无适配，不要指望form.on('select(xxx)')能捕获多选变化 - 如果用了
lay-ui衍生组件（如lay-select-multiple），查它的文档，通常提供getSelectedTexts()类方法 - 服务端接收多选值时，确认是数组格式（
name="xxx[]"），而非字符串拼接
实际项目里，90% 的“取不到文本”问题，都卡在没分清 value 和 text 的职责，或者忘了 form.render() 后 DOM 已更新、但 JS 引用还是旧节点。动手前先 console.log(this.options) 看一眼，比查文档快。
