编程 Javascript

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

Posted in Javascript onSeptember 28, 2019

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

这是原下拉列表的代码（数据是从后台传来的）：

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

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

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

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

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

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

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

- Author -

sunnyzyq

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript attachEvent和addEventListener使用方法

Mar 19 Javascript

jquery 查找新建元素代码

Jul 06 Javascript

JS常用字符串处理方法应用总结

May 22 Javascript

jQuery往textarea中光标所在位置插入文本的方法

Jun 26 Javascript

js实现带农历和八字等信息的日历特效

May 16 Javascript

js获取新浪天气接口的实现代码

Jun 06 Javascript

JS用斜率判断鼠标进入DIV四个方向的方法

Nov 07 Javascript

Jquery on绑定的事件触发多次实例代码

Dec 08 Javascript

jQuery中on方法使用注意事项详解

Feb 15 Javascript

Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法

Sep 20 Javascript

基于javascript实现贪吃蛇经典小游戏

Apr 10 Javascript

基于element-ui封装表单金额输入框的方法示例

Jan 06 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

生成缩略图

2006/10/09 PHP

php获取从百度、谷歌等搜索引擎进入网站关键词的方法

2015/07/08 PHP

PHP模板引擎Smarty中变量的使用方法示例

2016/04/11 PHP

PHP+JavaScript实现无刷新上传图片

2017/02/21 PHP

运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序

2007/04/21 Javascript

jquery trim() 功能源代码

2011/02/14 Javascript

JS 实现获取打开一个界面中输入的值

2013/03/19 Javascript

javascript trim函数在IE下不能用的解决方法

2014/09/12 Javascript

jQuery无刷新切换主题皮肤实例讲解

2015/10/21 Javascript

AngularJS中处理多个promise的方式

2016/02/02 Javascript

基于javascript显示当前时间以及倒计时功能

2016/03/18 Javascript

JS获取屏幕高度的简单实现代码

2016/05/24 Javascript

全面解析Bootstrap中tooltip、popover的使用方法

2016/06/13 Javascript

express文件上传中间件Multer详解

2016/10/24 Javascript

简单快速的实现js计算器功能

2017/08/17 Javascript

js操作二进制数据方法

2018/03/03 Javascript

关于RxJS Subject的学习笔记

2018/12/05 Javascript

JavaScript遍历DOM元素的常见方式示例

2019/02/16 Javascript

用webAPI实现图片放大镜效果

2020/11/23 Javascript

nodeJs项目在阿里云的简单部署

2020/11/27 NodeJs

[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC

2018/04/02 DOTA

[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python使用while循环花式打印乘法表

2019/01/28 Python

在Python中如何传递任意数量的实参的示例代码

2019/03/21 Python

python生成器/yield协程/gevent写简单的图片下载器功能示例

2019/10/28 Python

简单了解python中的f.b.u.r函数

2019/11/02 Python

使用PyTorch训练一个图像分类器实例

2020/01/08 Python

Tensorflow Summary用法学习笔记

2020/01/10 Python

pycharm无法导入本地模块的解决方式

2020/02/12 Python

python3 re返回形式总结

2020/11/20 Python

Reebonz中国官网：新加坡奢侈品购物网站

2017/03/17 全球购物

Tory Burch德国官网：美国时尚生活品牌

2018/01/03 全球购物

酒店公关部经理岗位职责

2013/11/24 职场文书

农业项目建议书

2014/08/25 职场文书

关于实现中国梦的心得体会

2016/01/05 职场文书

mysql中between的边界,范围说明

2021/06/08 MySQL