layui下拉列表select实现可输入查找的方法


Posted in Javascript onSeptember 28, 2019

如下图,这是一个layui的下拉列表select,随着下拉数据越来越多,我们找某个选项就比较吃力了。

layui下拉列表select实现可输入查找的方法

这是原下拉列表的代码(数据是从后台传来的):

layui下拉列表select实现可输入查找的方法

为了解决这个问题,我们可以将select改为可以筛选的格式,如下图。

layui下拉列表select实现可输入查找的方法

具体如何操作?其实很简单,在原select元素中加入 lay-search 即可。

layui下拉列表select实现可输入查找的方法

以上这篇layui下拉列表select实现可输入查找的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
学习ExtJS Column布局
Oct 08 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
JavaScript 如何在浏览器中使用摄像头
Dec 02 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 #Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 #Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 #Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 #Javascript
使用layer模态框给新页面传值的方法
Sep 27 #Javascript
JavaScript实现随机五位数验证码
Sep 27 #Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 #Javascript
You might like
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
php 如何获取文件的后缀名
2016/06/05 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
jquery 动态增加删除行的简单实例(推荐)
2016/10/12 Javascript
JS基于面向对象实现的拖拽功能示例
2016/12/20 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
Python实现获取命令行输出结果的方法
2017/06/10 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
对django layer弹窗组件的使用详解
2019/08/31 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
工程安全员岗位职责
2014/03/09 职场文书
疾病捐款倡议书
2014/05/13 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
企业挂职心得体会
2014/09/10 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript
python分分钟绘制精美地图海报
2022/02/15 Python
Linux在两个服务器直接传文件的操作方法
2022/08/05 Servers