欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索:   农业种植  农业  安全设置  织梦
258资源分享 > 建站学院 > 微信开发 > 微信小程序地区选择器

推荐下载

html5响应式外贸网站英文版

2020-05-08   浏览:270

高端HTML5响应式企业通用网

2020-05-06   浏览:235

HTML5自适应律师工作室类网

2020-04-04   浏览:234

响应式建筑工程装修施工

2020-01-14   浏览:232

响应式电子元件电路板类

2020-01-10   浏览:230

微信小程序地区选择器

发布时间:2020-11-22  

微信小程序自带了时间选择器、日期选择器,但是没有地区选择器。

于是只能撸代码撸了一个出来展现方式

有两种方式可以选择:

picker 普通选择器方式(分成三个选项)

picker-view 滚动选择器方式(三个选项合并成一个)输出数据

数据使用form表单进行提交,对各项内容进行了校验,以下条件通过才可提交(不过你可以自己改)

各选项值不能为空

姓名必须为中文名

手机号码格式正确

如果所有条件通过,会在console打印表单的数据,然后可以进行之后的操作

输出的书话剧可以是中文的地区名称北京,可以是地区编码 110000

切换方法:在wxml页面文件中,{{provinceName[provinceSelIndex]}}为地区名称,如果改成{{provinceCode[provinceSelIndex]}}就是地区编号

数据存在隐藏的input中(如果直接使用input会唤起键盘)

本文标签