微信小程序下拉框搜索功能的實現方法
更新時間：2019年07月31日 14:37:56 作者：雨vs夜
這篇文章主要介紹了微信小程序下拉框搜索功能的實現方法，內容比較簡單容易理解 ,需要的朋友可以參考下
最近在做一個項目的時候，需要用到下拉框搜索，網上搜了半天沒找到想要的，決心自己動手寫一個。
首先看下效果圖：
左邊是輸入框，可以進行模糊查詢，右邊圖標進行選擇。
代碼部分，我定義了五個參數，和一個自定義的方法，
list:下拉框數組，
_width：組件寬度，
_height：組件高度，
bind:action: 自定義方法
考慮到每個人用的時候用的對象數組結構不同我預留了兩個字段，做自定義(可不寫)，怎么樣是不是很強大。
actualvalue：下拉框實際值，
showvalue：下拉框顯示值
代碼我發(fā)布到github了代碼地址：https://github.com/ZhuifengJuvenile/hui-picker-input
總結
以上所述是小編給大家介紹的微信小程序下拉框搜索功能的實現方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
本文代碼使用 JavaScript。 一些同學對遞歸的理解還停留在“是一種求階乘比循環(huán)低效的方法”。但其實遞歸和循環(huán)處理的問題是不同。拿“遍歷數組”這個問題來說：循環(huán)適合同一維度（單層長度不限）上的遍歷，而遞歸則適合跨維度（層數不限）的遍歷。2013-02-02
bootstrap學習使用（導航條、下拉菜單、輪播、柵格布局等）
這篇文章主要為大家詳細介紹了bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs等相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript中的Array對象與其他編程語言中的數組一樣，是一組數據的集合。在JavaScript中，數組里面的數據可以是不同類型的，并具有用于執(zhí)行數組常見操作的方法，本文整理了一些常用的，需要的可以參考一下2022-10-10
這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了JavaScript中數據結構與算法(一)：棧,本文講解了棧的結構、什么是回文以及遞歸等內容,講解的不錯,通俗易懂,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript array常用方法代碼實例詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
Google Suggest ;-) 基于js的動態(tài)下拉菜單
Google Suggest ;-) 基于js的動態(tài)下拉菜單...2006-10-10
這篇文章主要介紹了JS作用域閉包、預解釋和this關鍵字,結合實例形式分析了javascript作用域閉包、預解釋和this關鍵字在具體使用過程中的操作技巧與注意事項,需要的朋友可以參考下2016-12-12
兩個table之間相互移動數據的實現代碼。2009-05-05
這篇文章主要介紹了RequireJS用法,結合簡單實例形式分析了RequireJS項目文件結構、相關操作技巧與注意事項,需要的朋友可以參考下2018-08-08