layui select搜索匹配逻辑需劫持渲染后的搜索input事件，手动遍历option并按自定义规则设置style.display或disabled属性来实现首字母、忽略大小写等匹配。
layui 的 select 搜索匹配逻辑在哪改？
layui 默认的下拉搜索（lay-search）只做「字符串包含」的模糊匹配，不支持正则、首字母匹配或权重排序。它底层调用的是 layui.form.selectSearch 方法，但这个方法**没有暴露匹配函数入口**，所以不能直接传入自定义函数。
必须重写 form.selectSearch 的内部匹配逻辑
layui 2.8+ 版本中，form.selectSearch 是一个闭包内函数，未挂载到 layui.form 原型上，但它的核心匹配逻辑集中在 filterSelect 这个私有函数里——而该函数在渲染时被绑定到 input 的 input 事件中。要自定义规则，只能在 select 渲染后，劫持其搜索 input 的事件监听器，手动过滤 option 元素。
实操建议：
- 等
form.render('select')执行完毕后，用document.querySelector找到对应 select 的搜索 input（通常 class 为layui-select-title input） - 移除 layui 原有的
input事件监听（需先保存原函数或用removeEventListener，但 layui 用的是匿名函数，所以更稳妥的方式是清空并重绑） - 手动遍历
select下所有option，根据你的规则设置style.display：匹配则''，不匹配则'none' - 注意触发
form.render('select')不会重置显示状态，必须自己控制option的display
常见自定义需求怎么写匹配逻辑？
比如你想实现「仅匹配文本开头」或「忽略大小写全字匹配」，直接操作 DOM 即可。示例（假设 select 的 name 是 city）：
// 等 form 渲染完
layui.use('form', function(){
var form = layui.form;
form.render('select');
// 获取搜索 input 和对应 select
var searchInput = document.querySelector('select[name="city"] + .layui-select-title input');
var selectEl = document.querySelector('select[name="city"]');
searchInput.addEventListener('input', function(){
var val = this.value.trim();
var options = selectEl.querySelectorAll('option');
options.forEach(function(opt){
var text = opt.textContent || opt.innerText;
// 示例：只匹配开头（区分大小写）
var match = text.indexOf(val) === 0;
// 若想忽略大小写：text.toLowerCase().indexOf(val.toLowerCase()) === 0
// 若想全字匹配（含空格分隔）：new RegExp('\b' + val + '\b', 'i').test(text)
opt.style.display = match ? '' : 'none';
});
});
});
注意：option 的 display: none 在部分浏览器中可能不生效（尤其 Chrome），此时需配合 optgroup 或改用 visibility: hidden + 额外处理高度，但更稳的方式是用 disabled 属性 + CSS 隐藏 disabled 项（option:disabled { display: none; }）。
为什么不能用 data-filter 或 lay-filter？
lay-filter 是事件标识符，和匹配无关；data-filter 是 layui 内部用的临时标记，不参与搜索逻辑。有人误以为加 data-keyword 就能搜，但 layui 搜索只读 option 的文本内容（textContent），不会读取自定义属性——除非你主动改逻辑去读。
真正容易被忽略的一点：layui 的搜索框会自动 focus 到 input，但如果你手动修改了 option 的 display，下拉面板展开时并不会重新计算可视区域高度，可能导致滚动条异常或最后一项被截断。解决办法是在匹配后手动触发 selectEl.dispatchEvent(new Event('click')) 或调用 form.render('select') 并补一句 selectEl.size = Math.min(10, visibleOptions.length)（不推荐），更实际的做法是避免动态改 size，接受默认行为。
