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