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