微信小程序 调用原生微信api 实现省市区地址选择
// page/address/edit.js Page({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, bingAddressTap:function(){ var that = this; wx.chooseLocation({ success: function(res){ var regex = /^(北京市|天津市|重庆市|上海市|香港特别行政区|澳门特别行政区)/; var REGION_PROVINCE=[]; var addressBean = { REGION_PROVINCE:null, REGION_COUNTRY:null, REGION_CITY:null, ADDRESS:null}; function regexAddressBean(address, addressBean){ regex = /^(.*?[市州]|.*?地区|.*?特别行政区)(.*?[市区县])(.*?)$/g; var addxress = regex.exec(address); addressBean.REGION_CITY=addxress[1]; addressBean.REGION_COUNTRY=addxress[2]; addressBean.ADDRESS=addxress[3]+"("+res.name+")"; console.log(addxress); } if(!(REGION_PROVINCE = regex.exec(res.address))){ regex = /^(.*?(省|自治区))(.*?)$/; REGION_PROVINCE = regex.exec(res.address); addressBean.REGION_PROVINCE= REGION_PROVINCE[1]; regexAddressBean(REGION_PROVINCE[3],addressBean); } else { addressBean.REGION_PROVINCE= REGION_PROVINCE[1]; regexAddressBean(res.address, addressBean); } that.setData({ADDRESS_1_STR: addressBean.REGION_PROVINCE+" " +addressBean.REGION_CITY+"" +addressBean.REGION_COUNTRY }); that.setData(addressBean); } }) }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } })
以上是js 代码
网页部分(wxml)
<view class="info"> <text>收货地址</text> <input bindfocus="bingAddressTap" value="{{REGION_PROVINCE}}{{REGION_CITY}}{{REGION_COUNTRY}}" placeholder="小区/大厦/学校"/> </view> <view class="info"> <text>详细地址</text> <textarea auto-height="true" placeholder="详细地址(如门牌号等)" value="{{ADDRESS}}"/> </view>
点击收货地址后面的文本框,就能选中了
预览效果
相关推荐
微信小程序省市区json
1、2020年2月份最新区县以上行政区划代码 2、微信小程序可用 3、资源为sql文件,直接导入可用
微信小程序自定义省市区资源数据
微信小程序 省市选择控件 (源码)微信小程序 省市选择控件 (源码)微信小程序 省市选择控件 (源码)微信小程序 省市选择控件 (源码)微信小程序 省市选择控件 (源码)微信小程序 省市选择控件 (源码)微信小程序 省市选择...
微信小程序最新省市区地址数据sql文件。 微信小程序地区对应数据库sql表 全国各省市区的地址数据,适用于mysql数据库,包括建表语句 微信小程序 省市区 地址。
公司开发微信小程序,需要用到省市县,但是数据库中的省市县和微信小程序的有区别,所以重新整理和微信小程序一样的省市县数据,此文件为.sql文件,本人通过大量对比,目前没发现不同的地方,如果网友发现了不一致的...
解决微信小程序省市县地区信息与数据库信息不匹配导致无法正确下单问题
最全最新微信小程序省市区编号pac.json,包括香港台湾澳门,自定义的最新省市区三级联动数据库文件,支持mysql ,包含香港 澳门 台湾 下区镇信息 都包含在内,要sql私聊
微信小程序省市区数据,json格式,后端专用,2020年最新数据,导入数据库,前后端对应匹配,同步于微信默认picker省市区数据
微信小程序 省市区三级联动选择
微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有自定义地区码(源代码+截图)微信小程序-省市县三级联动,带有...
由于项目频繁用到三级联动,比如地区、时间、分类,这些网络上不能满足,所以我们通过后台调用的方式来实现 后台我使用的是PHP语言 目录结构: |-client |---pages |-----index |-------index.js //包含初始化数据...
小程序后台开发的同学对微信小程序原生省市区三级联动找不对对于的code对照表,特意整理一份跟微信小程序原生省市区三级联动对照表,经过我本人于2020年3月的逐一对照,完全符合微信小程序原生省市区三级联动,请...
(知乎日报) 微信小程序 d artand 今日更新求职招聘类 医药网 口碑外卖点餐 城市天气 外卖小程序 定位天气 家居在线 微信小程序-大好商城,wechat-weapp 微信小程序的掘金信息流 微信跳一跳小游戏源码 微票源码-demo ...
2020微信小程序省市区四级联动json文件,亲测可用:格式如下: [{"code":"11","name":"北京市","children":[{"code":"1101","name":"市辖区","children":[{"code":"110101","name":"东城区"},{"code":"110102","name...
微信小程序实用组件:省市区联动选择器插件wxapp-city.zip
微信小程序picker组件,省市二级联动及其修改时进行回显,文件只提供参考,希望给需要的朋友带来帮助。
wechat-three-level 微信小程序,省市区三级联动
微信小程序最新省市区数据sql文件下载,最新整理的,绝对真实有效!,微信小程序picker组件中mode='region'中使用的数据。