编程 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 封装Ajax传递的数据代码

Jun 05 Javascript

js实现图片放大缩小功能后进行复杂排序的方法

Nov 08 Javascript

Node.js实用代码段之正确拼接Buffer

Mar 17 Javascript

JS实现探测网站链接的方法【测试可用】

Nov 08 Javascript

js鼠标跟随运动效果

Mar 11 Javascript

史上最全JavaScript常用的简写技巧（推荐）

Aug 17 Javascript

利用jquery如何从json中读取数据追加到html中

Dec 01 jQuery

Vue.js实现的表格增加删除demo示例

May 22 Javascript

JS实现滑动插件

Jan 15 Javascript

vuex中store存储store.commit和store.dispatch的用法

Jul 24 Javascript

vue实现列表拖拽排序的示例代码

Apr 08 Vue.js

JS高级程序设计之class继承重点详解

Jul 07 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二进制流逐bit的低位在前算法(详解)

2013/06/13 PHP

PHP中文编码小技巧

2014/12/25 PHP

PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】

2018/04/27 PHP

Django 标签筛选的实现代码(一对多、多对多)

2018/09/05 PHP

Ctrl+Enter提交内容信息

2006/06/26 Javascript

jquery判断浏览器类型的代码

2012/11/05 Javascript

IE6下opacity与JQuery的奇妙结合

2013/03/01 Javascript

js的回调函数详解

2015/01/05 Javascript

JavaScript中的Math.SQRT1_2属性使用简介

2015/06/14 Javascript

实例讲解JavaScript中call、apply、bind方法的异同

2016/09/13 Javascript

Bootstrap框架的学习教程详解(二)

2016/10/18 Javascript

浅谈js函数中的实例对象、类对象、局部变量(局部函数)

2016/11/20 Javascript

教大家轻松制作Bootstrap漂亮表格（table）

2016/12/13 Javascript

JS库 Highlightjs 添加代码行号的实现代码

2017/09/13 Javascript

JavaScript字符串处理常见操作方法小结

2019/11/15 Javascript

package.json各个属性说明详解

2020/03/11 Javascript

微信jssdk踩坑之签名错误invalid signature

2020/05/19 Javascript

[02:57]DOTA2亚洲邀请赛小组赛第四日赛事回顾

2015/02/02 DOTA

[39:11]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第二局

2016/02/28 DOTA

[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python+django实现文件上传

2016/01/17 Python

使用Python制作微信跳一跳辅助

2018/01/31 Python

Python3标准库glob文件名模式匹配的问题

2020/03/13 Python

CSS3中设置3D变形的transform-style属性详解

2016/05/23 HTML / CSS

极简鞋类，赤脚的感觉：Lems Shoes

2019/08/06 全球购物

Mountain Warehouse波兰官方网站：英国户外品牌

2019/08/29 全球购物

为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限

2012/12/13 面试题

生产厂厂长岗位职责

2013/12/25 职场文书

运动会获奖感言

2014/02/11 职场文书

党员干部批评与自我批评反四风思想汇报

2014/09/21 职场文书

终止劳动合同协议书

2014/10/05 职场文书

2015年建党94周年演讲稿

2015/03/19 职场文书

读书笔记格式

2015/07/02 职场文书

MySQL中存储时间的最佳实践指南

2021/07/01 MySQL

详解Go语言Slice作为函数参数的使用

2021/07/02 Golang

看完这篇文章获得一些java if优化技巧

2021/07/15 Java/Android