layui下拉列表select實現可輸入查找(附帶js綁定form提交表單)


如下圖,這是一個layui的下拉列表select,隨着下拉數據越來越多,我們找某個選項就比較吃力了。

 

 

 

這是原下拉列表的代碼(數據是從后台傳來的):

 

 

 

為了解決這個問題,我們可以將select改為可以篩選的格式,如下圖。

 

 

 

具體如何操作?其實很簡單,在原select元素中加入 lay-search 即可。

 

 

 

在選擇完或者輸入完成某些內容之后,不用點擊確認或者提交按鈕便可提交表單展示數據

 

 Js部分

 

 

原文鏈接:https://blog.csdn.net/sunnyzyq/article/details/96865395


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM