原創(chuàng)聲明:本文為作者原創(chuàng),未經(jīng)允許不得轉(zhuǎn)載,經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
首先尊重一下第一個吃螃蟹的人:附上之前別人發(fā)的帖子
http://www.mkhyf.com/topic/416
是一個自己封裝起來的三級聯(lián)動,本人通過他的文章引起的小思路
由于小程序目前還不能實現(xiàn)類似js的<script src="http://xxx"/>
所以很多的在線的第三方插件都暫時沒辦法使用了,對于這點,我們只能坐等,微信團隊一定會做出一個填補這個缺陷的功能,不可能因為小程序而去重寫全部的js插件,那工程量足夠累死人的
不過目前我們能做一件事,那就是在坐等的同時動動手,雖然插件不能引入,但是插件里的數(shù)據(jù)可以拷貝呀,就比如現(xiàn)在這個省市級三級聯(lián)動,上一位同志只封裝了幾個栗子,那全部的城市難道都要這樣一個一個手寫上去嗎?當然不要,我上網(wǎng)搜出了一些js插件,手動的拷貝出需要的數(shù)據(jù)即可
area.js 存數(shù)據(jù)的地方
太大了就截圖出一部分,可以看出,我從插件里挑出了地名,有了數(shù)據(jù),那只要使用小技巧就能做出全國的三級聯(lián)動了
插件都有它一定的規(guī)律性,分析一下這些數(shù)據(jù)的封裝方式,不難發(fā)現(xiàn),其實就是靠數(shù)組下標
下標為0,表示省(這個插件的數(shù)據(jù)在省的前幾個多余的加上了熱門城市,我也就不去特意改掉,朋友們追求完美就可以自己去修改掉)
下標為0“0~n”,表示在某個省的基礎(chǔ)下找對應(yīng)的市
下標為0“0~n”_”0~n”,表示某個市下面對應(yīng)的縣
因為下標不是正規(guī)的0,1,2,3,4,5,6..
所以我就封裝了一個數(shù)據(jù)字典Dictionart(){},這樣就能通過仿鍵值對的形式來取值了
wxml:
js:
最終效果:
項目地址coding的:https://git.coding.net/toBeMN/MINA-Three-level-linkage.git