微信小程序实现省市区选择不用选择器
可以通过以下步骤实现微信小程序省市区选择:
-
在页面上创建三个文本框,分别用于显示省、市、区的名称。
-
在页面上创建三个按钮,分别用于选择省、市、区。点击按钮时弹出对应的选择列表。
-
创建一个数组,用于存储省、市、区的数据,格式如下:
[
{
"name": "北京市",
"city": [
{
"name": "北京市",
"district": [
"东城区",
"西城区",
...
]
}
]
},
{
"name": "上海市",
"city": [
{
"name": "上海市",
"district": [
"黄浦区",
"徐汇区",
...
]
}
]
},
...
]
-
当点击省、市、区按钮时,弹出对应的选择列表。选择列表的数据来源于数组中对应的数据。
-
当选择省时,更新省文本框的值,并根据选择的省更新市列表的数据。
-
当选择市时,更新市文本框的值,并根据选择的市更新区列表的数据。
-
当选择区时,更新区文本框的值,并关闭选择列表。
通过以上步骤,就可以实现微信小程序省市区选择的功能,而不需要使用选择器
原文地址: http://www.cveoy.top/t/topic/huDL 著作权归作者所有。请勿转载和采集!