阻止select点击弹出下拉菜单是反模式，因违反HTML规范与可访问性底线，导致focus失败、键盘及屏幕阅读器失效；应改用layui.dropdown或监听change事件。
为什么 select 点击不弹出下拉菜单是反模式？
浏览器原生 <select></select> 元素的交互逻辑由 ua 控制：点击必须触发下拉菜单，这是 html 规范和可访问性（a11y）底线。layui 的 layui.form.render('select') 也只是封装渲染，并未替换原生行为。强行阻止弹出（比如 e.preventdefault() 在 click 上）会导致 focus 失败、键盘无法操作、屏幕阅读器中断，且在 safari/edge 中大概率失效。
用 layui.dropdown 替代 select 实现“点击即执行”
Layui 提供了更灵活的 layui.dropdown，它不依赖原生 select，完全可控。适合需要点击即触发逻辑（如跳转、提交、弹窗）而无需选值的场景。
常见做法：
- 隐藏真实
<select></select>（或弃用），改用普通按钮 + 下拉面板 - 用
layui.dropdown.render()绑定点击事件，trigger: 'click'并禁用自动关闭 - 菜单项用
<a href="javascript:;"></a>包裹，点击直接执行 JS
layui.use(['dropdown'], function(){
layui.dropdown.render({
elem: '#myTriggerBtn',
data: [
{title: '导出 Excel', id: 'export-xlsx'},
{title: '打印预览', id: 'print-preview'}
],
trigger: 'click',
align: 'right',
click: function(obj){
if(obj.id === 'export-xlsx'){
doExport();
} else if(obj.id === 'print-preview'){
window.print();
}
// 不调用 obj.close()，避免菜单自动收起（可选）
}
});
});
如果非要用原生 select，只能监听 change 而非 click
用户真正能“执行 JS”的可靠时机永远是值改变后，即 change 事件。试图在 click 阶段拦截并执行，本质是混淆了“触发交互”和“确认选择”两个阶段。
正确姿势：
- 保留
<select lay-filter="mySelect"></select> - 用
form.on('select(mySelect)', function(data){...})监听变更 - 在回调里执行业务逻辑，比如
location.href = '/action?mode=' + data.value - 若需“点击即跳转”，可在
change后立即select.blur()或form.render()清除焦点，视觉上更快收起菜单
注意 disabled 和 readonly 对交互的影响
原生 select 不支持 readonly 属性；设为 disabled 后既不能点击也不能触发任何事件。若只是想禁用下拉但保留点击响应，必须放弃原生控件——这是最常被忽略的兼容性陷阱。
此时唯一干净解法：用 <div class="layui-btn">操作</div> + dropdown 或 layer.open() 模拟，彻底脱离 select 语义约束。
