微信小程序下拉框搜索功能的實現(xiàn)方法
更新時間：2019年07月31日 14:37:56 作者：雨vs夜
這篇文章主要介紹了微信小程序下拉框搜索功能的實現(xiàn)方法，內(nèi)容比較簡單容易理解 ,需要的朋友可以參考下
最近在做一個項目的時候，需要用到下拉框搜索，網(wǎng)上搜了半天沒找到想要的，決心自己動手寫一個。
首先看下效果圖：
左邊是輸入框，可以進行模糊查詢，右邊圖標進行選擇。
代碼部分，我定義了五個參數(shù)，和一個自定義的方法，
list:下拉框數(shù)組，
_width：組件寬度，
_height：組件高度，
bind:action: 自定義方法
考慮到每個人用的時候用的對象數(shù)組結構不同我預留了兩個字段，做自定義(可不寫)，怎么樣是不是很強大。
actualvalue：下拉框實際值，
showvalue：下拉框顯示值
代碼我發(fā)布到github了代碼地址：https://github.com/ZhuifengJuvenile/hui-picker-input
總結
以上所述是小編給大家介紹的微信小程序下拉框搜索功能的實現(xiàn)方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
用函數(shù)模板,寫一個簡單高效的 JSON 查詢器的方法介紹
本篇文章小編將為大家介紹，用函數(shù)模板,寫一個簡單高效的 JSON 查詢器的方法介紹，需要的朋友可以參考一下2013-04-04
這篇文章主要介紹了倒記時60刷新網(wǎng)頁的js代碼,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了JS實現(xiàn)霓虹燈文字效果的方法,涉及javascript遍歷字符串及頁面樣式的動態(tài)操作技巧,效果非常炫目華麗,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
可以自定義廣告的圖片、鏈接、長、寬等。光標移到圖片上會出現(xiàn)左右箭頭，感興趣的朋友可以嘗試測試下2013-10-10
打算做一個js面向對象的貪吃蛇,但是最終是流產(chǎn)了,整理了下廢棄的代碼,回顧了下PPT.想學習js面向對象的朋友也可以參考下。2011-08-08
使用事件委托技術能讓你避免對特定的每個節(jié)點添加事件監(jiān)聽器；相反，事件監(jiān)聽器是被添加到它們的父元素上2014-04-04
在javascript中， 理解變量的作用域以及變量提升是非常有必要的。這個看起來是否很簡單，但其實并不是你想的那樣，還要一些重要的細節(jié)你需要理解2013-10-10
JavaScript在處理動畫方面極富靈活性,提供了一系列事件,使得開發(fā)者能夠更精準地控制動畫執(zhí)行的各個階段,使用這些事件,可以在動畫開始、結束、重復等動作發(fā)生時執(zhí)行特定的行為,本文將詳細介紹JavaScript中常用的動畫事件,并展示其使用方法2023-12-12
這篇文章主要為大家介紹了uniapp項目實踐之全局公共組件樣式及方法使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
JS多個表單數(shù)據(jù)提交下的serialize()應用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08