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