编程 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 相关文章推荐

多个jquery.datatable共存,checkbox全选异常的快速解决方法

Dec 10 Javascript

解决extjs grid 不随窗口大小自适应的改变问题

Jan 26 Javascript

jquery 选取方法都有哪些

May 18 Javascript

javascript中createElement的两种创建方式

May 14 Javascript

jQuery实现带有上下控制按钮的简单多行滚屏效果代码

Sep 04 Javascript

防止重复发送 Ajax 请求

Feb 15 Javascript

Bootstrap实现的表格合并单元格示例

Feb 06 Javascript

vue路由传参页面刷新参数丢失问题解决方案

Oct 08 Javascript

vue-router 中 meta的用法详解

Nov 01 Javascript

js实现mp3录音通过websocket实时传送+简易波形图效果

Jun 12 Javascript

react ant Design手动设置表单的值操作

Oct 31 Javascript

微信小程序调用后台service教程详解

Nov 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

php下使用SimpleXML 处理XML 文件

2010/02/27 PHP

php基于socket实现SMTP发送邮件的方法

2015/03/05 PHP

php实现解析xml并生成sql语句的方法

2018/02/03 PHP

PHP实现类似题库抽题效果

2018/08/16 PHP

PHP 命名空间和自动加载原理与用法实例分析

2020/04/29 PHP

Javascript miscellanea -display data real time, using window.status

2007/01/09 Javascript

jQuery Dialog 弹出层对话框插件

2010/08/09 Javascript

js 创建书签小工具之理论

2011/02/25 Javascript

js获取光标位置和设置文本框光标位置示例代码

2014/01/09 Javascript

JS之Date对象和获取系统当前时间详解

2014/01/13 Javascript

在Ubuntu上安装最新版本的Node.js

2014/07/14 Javascript

在JS方法中返回多个值的方法汇总

2015/05/20 Javascript

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

2015/10/12 Javascript

jQuery基于toggle实现click触发DIV的显示与隐藏问题分析

2016/06/12 Javascript

jquery之别踩白块游戏的简单实现

2016/07/25 Javascript

用js实现博客打赏功能

2016/10/24 Javascript

JS中的phototype详解

2017/02/04 Javascript

利用types增强vscode中js代码提示功能详解

2017/07/07 Javascript

Bootstrap实现的表格合并单元格示例

2018/02/06 Javascript

Node.Js中实现端口重用原理详解

2018/05/03 Javascript

jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

2018/07/25 jQuery

JS学习笔记之贪吃蛇小游戏demo实例详解

2019/05/29 Javascript

vue实现将数据存入vuex中以及从vuex中取出数据

2019/11/08 Javascript

js中script的上下放置区别，Dom的增删改创建操作实例分析

2019/12/16 Javascript

Python实现查看系统启动项功能示例

2018/05/10 Python

用Python将mysql数据导出成json的方法

2018/08/21 Python

django中账号密码验证登陆功能的实现方法

2019/07/15 Python

Python和Sublime整合过程图示

2019/12/25 Python

基于HTML5 audio元素播放声音jQuery小插件

2011/05/11 HTML / CSS

Dower & Hall官网：英国小众轻奢珠宝品牌

2019/01/31 全球购物

美国巧克力喷泉品牌：Sephra

2019/05/05 全球购物

策划总监岗位职责

2014/02/16 职场文书

大学生自我评价范文分享

2014/02/21 职场文书

群众路线教育实践活动学习笔记

2014/11/05 职场文书

JavaScript实现淘宝商品图切换效果

2021/04/29 Javascript

深入理解java.lang.String类的不可变性

2021/06/27 Java/Android