1、 需求:省市选择器。
原生的省市区(mode=region)选择器只能获取汉字,不能定制每个省市的id,另外区选择器实际项目中没有使用到,思考下后选择手动修改多列选择器(mode=multiSelector)实现功能。
2、 实现效果
省市联动效果
3、代码
实现原理:multiArray是二维数组,省数据保存在二维数组第0个中,市数据切换放入二维数据第1个中,根据multiIndex确定选择项。
数据:省市是静态数据保存在config,数据格式下图
[{
value: '110000',
label: '北京市',
level: 1,
children: [
{
value: '110000',
label: '北京市',
level: 2
}
]
},
{
value: '500000',
label: '重庆市',
level: 1,
children: [
{
value: '500000',
label: '重庆市',
level: 2
}
]
}]
wxml:
{ {mu