精华

扩展版省市县三级联动

  • • 发表于 8年前
  • • 作者 toBeMN
  • • 8694 人浏览
  • • 8 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

首先尊重一下第一个吃螃蟹的人:附上之前别人发的帖子
http://www.wxappclub.com/topic/416
是一个自己封装起来的三级联动,本人通过他的文章引起的小思路

由于小程序目前还不能实现类似js的<script src="http://xxx"/>
所以很多的在线的第三方插件都暂时没办法使用了,对于这点,我们只能坐等,微信团队一定会做出一个填补这个缺陷的功能,不可能因为小程序而去重写全部的js插件,那工程量足够累死人的
不过目前我们能做一件事,那就是在坐等的同时动动手,虽然插件不能引入,但是插件里的数据可以拷贝呀,就比如现在这个省市级三级联动,上一位同志只封装了几个栗子,那全部的城市难道都要这样一个一个手写上去吗?当然不要,我上网搜出了一些js插件,手动的拷贝出需要的数据即可
area.js 存数据的地方

太大了就截图出一部分,可以看出,我从插件里挑出了地名,有了数据,那只要使用小技巧就能做出全国的三级联动了
插件都有它一定的规律性,分析一下这些数据的封装方式,不难发现,其实就是靠数组下标
下标为0,表示省(这个插件的数据在省的前几个多余的加上了热门城市,我也就不去特意改掉,朋友们追求完美就可以自己去修改掉)
下标为0“0~n”,表示在某个省的基础下找对应的市
下标为0
“0~n”_”0~n”,表示某个市下面对应的县
因为下标不是正规的0,1,2,3,4,5,6..
所以我就封装了一个数据字典Dictionart(){},这样就能通过仿键值对的形式来取值了
wxml:

js:

最终效果:


项目地址coding的:https://git.coding.net/toBeMN/MINA-Three-level-linkage.git

分享到:
8条评论
Ctrl+Enter
作者

toBeMN

toBeMN

APP:3 帖子:24 回复:59 积分:3193

已加入社区[2866]天

梦想成为全栈的男人

作者详情》
Top