layui下拉列表select实现可输入查找的方法
更新时间：2019年09月28日 09:13:15 作者：sunnyzyq
今天小编就为大家分享一篇layui下拉列表select实现可输入查找的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下图，这是一个layui的下拉列表select，随着下拉数据越来越多，我们找某个选项就比较吃力了。
这是原下拉列表的代码（数据是从后台传来的）：
为了解决这个问题，我们可以将select改为可以筛选的格式，如下图。
具体如何操作？其实很简单，在原select元素中加入 lay-search 即可。
以上这篇layui下拉列表select实现可输入查找的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在Js中有一些比较冷门但是非常好用的方法，我在这里称之为高级方法，这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题，不是所有的浏览器都读得懂的，这篇文章主要就是对这些方法做一个总结，让我们一起来看一下吧2023-06-06
迭代器是一个统一的接口，它的作用是使各种数据结构可以被便捷的访问，它是通过一个键为Symbol.iterator的方法来实现，这篇文章主要介绍了ES6 中的迭代器和生成器,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了详解JavaScript时间格式化的相关资料,需要的朋友可以参考下2015-12-12
require.js配合插件text.js实现最简单的单页应用程序
这篇文章主要介绍了require.js配合插件text.js实现最简单的单页应用程序,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了Node.js中AES加密和其它语言不一致问题解决办法,例如和C#、JAVA语言相互通信时,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了js简单实现点击左右运动的方法,实例分析了javascript实现左右运动的相关要点与技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了js点击列表文字对应该行显示背景颜色的实现代码,感兴趣的小伙伴可以参考下2015-08-08
这篇文章主要介绍了JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
JavaScript延时效果比较不错的...2007-08-08
JavaScript中将number转为string的5种方法
这篇文章主要给大家介绍了关于JavaScript中将number转为string的5种方法,在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换,需要的朋友可以参考下2023-07-07
最新评论