layui下拉框加disabled属性后仍可点击，是因为其用模拟下拉面板，原生disabled不作用于模拟层，必须调用form.render('select')同步禁用状态，否则ui无变化且交互有效。
直接给 <select></select> 加 disabled 属性，但必须紧接着调用 form.render('select')，否则 UI 看起来没变化、点击依然有效——这是 Layui 渲染机制决定的，不是你代码写错了。
为什么加了 disabled 还能点？
Layui 会把原生 <select></select> 隐藏，用 <dl></dl> 模拟下拉面板。原生 disabled 只作用于被隐藏的元素，不自动同步到模拟层。所以你得手动触发重渲染，让 Layui 把禁用状态“画”到界面上。
- 检查开发者工具里
<select></select>是否真有disabled属性 - 再看旁边
.layui-form-select > dl是否还存在；若存在，说明form.render('select')没执行 - 常见漏点：
form.render('select')写在layui.use('form', ...)外面，报form is not defined
动态禁用时怎么写 JS
别用 .prop('disabled', true) 就完事，Layui 不监听这个变化。必须显式设置属性 + 主动刷新：
- 禁用：
$("#mySelect").attr("disabled", "disabled"); form.render('select'); - 启用：
$("#mySelect").removeAttr("disabled"); form.render('select'); - 如果页面有多个 select，传具体类型
'select'，避免全量重绘拖慢性能 - 禁用逻辑写在
form.on('select(filter)')回调里时，事件仍会触发一次——得开头加判断：if ($(this).is(':disabled')) return;
想彻底不让它响应任何点击（包括键盘）
单纯 disabled + render 能阻止鼠标点击，但键盘（↑↓+回车）仍可能选中值——Layui 没拦截禁用项的键盘焦点。这时候得补一层防御：
- 在
form.on('select(filter)')里校验：if ($(this).find('option:selected').is(':disabled')) { this.value = ''; form.render('select'); } - 或者更彻底：禁用后直接删掉模拟下拉 DOM：
$("#mySelect").siblings(".layui-form-select").find("dl").remove(); - 注意：删
dl是 hack 手段，只适合确定不再启用的场景；重新启用时必须先恢复disabled属性，再form.render('select')
真正容易被忽略的是：禁用不是单点操作，它得同时覆盖 HTML 初始化、JS 动态设置、change 事件拦截、键盘行为兜底——少一个环节，用户就能绕过去。
