layui下拉列表select實現(xiàn)可輸入查找的方法
更新時間：2019年09月28日 09:13:15 作者：sunnyzyq
今天小編就為大家分享一篇layui下拉列表select實現(xiàn)可輸入查找的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下圖，這是一個layui的下拉列表select，隨著下拉數(shù)據(jù)越來越多，我們找某個選項就比較吃力了。
這是原下拉列表的代碼（數(shù)據(jù)是從后臺傳來的）：
為了解決這個問題，我們可以將select改為可以篩選的格式，如下圖。
具體如何操作？其實很簡單，在原select元素中加入 lay-search 即可。
以上這篇layui下拉列表select實現(xiàn)可輸入查找的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了原生JS實現(xiàn)不斷變化的標(biāo)簽，可以上下浮動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義用戶登錄彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
Javascript中實現(xiàn)trim()函數(shù)的兩種方法
這篇文章主要介紹了Javascript中實現(xiàn)trim()函數(shù)的兩種方法,本文直接給出實現(xiàn)代碼和使用方法,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript File分段上傳的相關(guān)資料,需要的朋友可以參考下2016-03-03
使用weixin-java-miniapp配置進(jìn)行單個小程序的配置詳解
這篇文章主要介紹了使用weixin-java-miniapp配置進(jìn)行單個小程序的配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
有些時候我們需要針對某些IE下的兼容性寫單獨的JS處理代碼,這只是簡簡單單為了兼容行啊，有多種方法可以實現(xiàn)，小編整理了一下，感興趣的朋友可以了解下，或許對你有所幫助2013-01-01
最近在寫小程序過程中遇到一個拖拽排序需求,上網(wǎng)一頓搜索未果,遂自行實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳組件實現(xiàn)圖片拖拽排序的相關(guān)資料,需要的朋友可以參考下2022-03-03
JavaScript比較兩個數(shù)組的內(nèi)容是否相同(推薦)
這篇文章主要介紹了JavaScript如何比較兩個數(shù)組的內(nèi)容是否相同的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了JS中多步驟多分步的StepJump組件實例詳解的相關(guān)資料,需要的朋友可以參考下2016-04-04
下面小編就為大家分享一篇js原生方法被覆蓋,從新賦值原生的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01