Layui下拉框搜索无匹配项时不显示“暂无数据”，因其lay-search仅前端实时过滤，不触发后端请求，也无内置空状态判断逻辑；需手动监听input事件、遍历可见dd、动态插入/移除layui-none节点并确保CSS生效。
layui下拉框带搜索时没匹配项，为什么不显示“暂无数据”
因为 Layui 的 lay-search 下拉框本身不内置空状态提示逻辑——它只是把原生 <select> 包装成带搜索框的 UI，搜索过滤完全由前端 JS 实时完成，不触发接口、不走 table 那套 count/data 判断流程，所以不会自动显示“暂无数据”。
如何手动实现搜索无结果时的提示文案
必须自己监听搜索输入、比对选项、动态插入提示节点。Layui 不提供现成 API，得用原生 DOM 操作补足。
- 监听搜索框
input事件：它在.layui-select-search内部，不是直接绑在<select>上 - 每次输入后，遍历所有
.layui-select-title option（实际是渲染后的<dl><dd>结构），检查是否还有可见项 - 没有匹配项时，在
.layui-select-dropdown里插入一个<dd class="layui-none">暂无匹配项</dd> - 有匹配项时，记得移除这个
layui-none节点，否则会残留
示例关键片段：
$('.layui-select-search input').on('input', function() {
var $dropdown = $(this).closest('.layui-select-dropdown');
var $options = $dropdown.find('dd:not(.layui-select-tips)');
var keyword = this.value.trim();
if (keyword && $options.filter(':visible').length === 0) {
if (!$dropdown.find('.layui-none').length) {
$dropdown.append('<dd class="layui-none">暂无匹配项</dd>');
}
} else {
$dropdown.find('.layui-none').remove();
}
});
为什么加了 layui-none 还不显示
常见原因是 CSS 被覆盖或容器高度被截断。Layui 默认给 .layui-none 设了 padding: 10px 15px 和 color: #999，但如果你改过全局 dd 样式，或者父级设置了 overflow: hidden（尤其在弹层、表格单元格内），提示就会消失。
- 检查
.layui-select-dropdown是否有max-height或overflow限制，临时加overflow: visible !important测试 - 确认
.layui-none没被其他 CSS 的display: none或visibility: hidden干扰 - 避免在
form.render('select')后立即操作 DOM——它会重绘整个下拉结构，你刚插的layui-none会被清掉；应放在setTimeout延迟 10ms 后执行
想显示图标或 HTML 而不只是文字怎么办
layui-none 是纯文本容器，innerHTML 会被转义，直接写 <i class="layui-icon"></i> 无效。唯一可靠方式是用 JS 插入真实 DOM 节点，并确保样式生效。
- 不要依赖
text()，用html()插入带标签的内容 - 给提示项加明确 class，比如
class="layui-none-custom"，避免和 Layui 内部逻辑冲突 - 图标建议用
layui-icon类 + 行内 style 控制大小颜色，例如：<i class="layui-icon" style="font-size:16px;margin-right:4px"></i>未找到相关选项 - 如果下拉框嵌在弹窗或 iframe 里，注意上下文 document 是否正确，
$()可能查不到目标节点
真正容易被忽略的是：搜索过滤发生在客户端，但用户感知的“无结果”其实是 UI 层的视觉反馈，Layui 把这部分完全交给你控制——它只管渲染，不管语义。
