layui 的 select 无法直接点击不展开下拉只执行 js，因其为模拟下拉且绑定内部 show/hide 逻辑；推荐用隐藏原生 select + 自定义按钮触发业务逻辑，语义清晰、兼容性强、维护成本低。
select 点击不展开下拉，只执行 JS 事件？Layui 不支持原生这么做
Layui 的 select 是用 JavaScript 动态生成的模拟下拉（.layui-select 容器 + .layui-form-select 层），点击触发的是它内部的 show / hide 逻辑，不是原生 <select></select> 的行为。想“点一下就执行 JS，不弹菜单”，本质是绕过它的默认交互流程。
阻止 Layui select 默认展开的两种可行路径
核心思路：要么拦截事件冒泡和默认行为，要么换掉触发目标——别点在 Layui 渲染出的「假 select」上。
- 方法一：给原生
<select></select>绑定click，并立即e.preventDefault()和e.stopPropagation()；但 Layui 初始化后会隐藏原生select，且禁用 pointer-events，所以此法在新版 Layui（2.8+）基本失效 - 方法二（推荐）：不绑定在
select上，而是绑定在它旁边的「可点击区域」，比如自定义一个<span class="trigger-select">手动选择</span>，再用 JS 手动调用layui.form.render('select')或触发业务逻辑 - 若坚持用原生标签：可在
form.on('select(xxx)', ...)外围加个标志位，配合setTimeout延迟判断是否真选择了值，但这属于“事后补救”，体验差、不可靠
为什么不能直接改 Layui 的 form.select 源码？
Layui 的 select 行为封装在 layui.form 模块里，关键逻辑在 events.click 监听中，涉及 showDown、hideDown、getValue 等私有方法。强行 patch 容易导致：
-
form.render()后行为异常，下拉菜单无法正常收起 - 与
lay-search、lay-filter等属性冲突，选中值不回填到隐藏域 - 升级 Layui 时所有 patch 全部失效，维护成本陡增
- 移动端点击穿透或响应延迟问题更明显（iOS Safari 对
preventDefault更敏感）
最稳妥的替代方案：用按钮 + 隐藏 select 模拟“点击即触发”
把交互意图从「操作下拉控件」转为「触发动作」，语义更清晰，也规避了 Layui 的渲染限制。
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<select id="statusSelect" lay-filter="statusFilter" style="display:none"><option value="">请选择</option>
<option value="1">启用</option>
<option value="2">禁用</option></select><button type="button" class="layui-btn layui-btn-sm" id="triggerStatus">设置状态</button>
</div>
</div>
然后 JS 中：
- 监听
$('#triggerStatus').on('click', ...)，执行你要的逻辑（比如弹层选值、跳转、AJAX 请求） - 如需同步更新表单值，手动设
$('#statusSelect').val('1').trigger('change')，再调layui.form.render('select') - 如果只是“触发动作”，根本不需要
select参与 DOM 交互，连style="display:none"都可以省掉，用纯 JS 管理状态
这种写法兼容所有 Layui 版本，不依赖其内部事件机制，也方便后续替换成其他 UI 库。
真正难的不是让 select 不展开，而是想清楚：这个点击到底该承担「选择」职责，还是「触发」职责。Layui 的 select 是为前者设计的，硬塞后者，只会越调越歪。
