layui下拉列表select實(shí)現(xiàn)可輸入查找的方法
更新時(shí)間：2019年09月28日 09:13:15 作者：sunnyzyq
今天小編就為大家分享一篇layui下拉列表select實(shí)現(xiàn)可輸入查找的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
如下圖，這是一個(gè)layui的下拉列表select，隨著下拉數(shù)據(jù)越來越多，我們找某個(gè)選項(xiàng)就比較吃力了。
這是原下拉列表的代碼（數(shù)據(jù)是從后臺(tái)傳來的）：
為了解決這個(gè)問題，我們可以將select改為可以篩選的格式，如下圖。
具體如何操作？其實(shí)很簡單，在原select元素中加入 lay-search 即可。
以上這篇layui下拉列表select實(shí)現(xiàn)可輸入查找的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS實(shí)現(xiàn)的排列組合算法,結(jié)合完整實(shí)例形式詳細(xì)分析了排列組合算法的原理與javascript相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-07-07
使用layui實(shí)現(xiàn)樹形結(jié)構(gòu)的方法
今天小編就為大家分享一篇使用layui實(shí)現(xiàn)樹形結(jié)構(gòu)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript截取、切割字符串的技巧,文中給大家提到了substr 和 substring方法的區(qū)別，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2016-01-01
JS實(shí)現(xiàn)的RGB網(wǎng)頁顏色在線取色器完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的RGB網(wǎng)頁顏色在線取色器,結(jié)合完整實(shí)例形式分析了基于JS運(yùn)算及鼠標(biāo)事件響應(yīng)來操作頁面元素實(shí)現(xiàn)取色器功能的方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12
JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解
這篇文章主要介紹了JavaScript模板引擎實(shí)現(xiàn)原理,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript模板引擎原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
倒計(jì)時(shí)js代碼想必大家都有用過，大同小異，本例為大家介紹的是簡單易用的,需要的朋友可以參考下2014-08-08
JavaScript面向?qū)ο缶幊绦∮螒?--貪吃蛇代碼實(shí)例
這篇文章主要介紹了JavaScript貪吃蛇的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
用javascript操作xml...2006-11-11
這篇文章主要介紹了JavaScript 作用域scope簡單匯總,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11