Layui-select 下拉框实现拼音全拼匹配/首字母 + tabindex顺序

时间:2024-04-02 19:31:32

Layui-select 下拉框实现拼音全拼匹配/首字母 + tabindex顺序

因项目需要,在后台的select控件上要实现拼音全拼匹配/首字母的search功能,同时要能通过TAB鍵按tabindex的值來定位切换顺序。

参考了https://blog.csdn.net/sinat_39571186/article/details/80275578这篇文章后,能实现Layui-select 下拉框实现拼音全拼匹配/首字母搜索。但是发现在这个select前后的input设置了tabindex后,按tab鍵切换时会跳过这个select。研究发现Layui-select开启了search后其实就是套了一个input在上面,因此就想到在这个input里能加入tabindex,就对layui的form.js作了相应修改來实现。
具体代码如下红圈所示
Layui-select 下拉框实现拼音全拼匹配/首字母 + tabindex顺序使用时,只要在select标签内加入 lay-search-tabindex=“2” 就可以了,数字按需要填写相应的就行了。