下拉框支持搜索
select元素添加lay-search属性
<select name="account" lay-filter="myselectAccount" lay-search>
<option value="">请选择...</option>
</select>
不区分大小写
1.修改文件路径
static/layui/lay/modules/form.js
2.查找修改位置
r=l.indexOf(e)===-1
3.添加统一转小写/大写逻辑, 修改后的结果如下
l=i.text().toLowerCase(),r=l.indexOf(e.toLowerCase())===-1
4.效果验证
小写匹配

大写匹配

大小写混合匹配

PS:有部分小伙伴页面上可能引入的不是【static/layui/lay/modules/form.js】引入的是【static/layui/layui.all.js】根据自己页面引用的文件进行修改验证就成。
这篇博客介绍了如何在 layui 框架中为 select 组件添加搜索功能,并实现不区分大小写的搜索匹配。通过修改 form.js 文件,将搜索比较逻辑改为忽略大小写,确保小写、大写和大小写混合的搜索都能得到正确匹配。对于使用 layui.all.js 的用户,也需要根据实际情况进行相应文件的修改和验证。

7万+

被折叠的 条评论
为什么被折叠?



