android省市区简书,三级联动（省市区）

js数据：

代码

html>

console.log(arr);

var province = document.querySelector('#province')

var city = document.querySelector('#city')

var area = document.querySelector('#area')

function init() {

arr.forEach(function (item) {

province.innerHTML += `${item.name}`

})

arr[0].city.forEach(function (item) {

city.innerHTML += `${item.name}`

})

arr[0].city[0].districtAndCounty.forEach(function (item) {

area.innerHTML += `${item}`

})

}

init()

var currentProvince=null

province.onchange = function () {

// 清空市

city.length = 0

area.length = 0

console.log(this.value);

var _this = this

currentProvince = arr.filter(function (item) {//函数里面的函数里面的this 一般不指向前者

return item.name == _this.value

})

console.log(currentProvince);

// 渲染市和区

currentProvince[0].city.forEach(function (item) {

city.innerHTML += `${item.name}`

})

currentProvince[0].city[0].districtAndCounty.forEach(function (item) {

area.innerHTML += `${item}`

})

}

city.onchange = function () {

// 每次改变市清空区

area.length = 0

var _this = this

var currentCity = currentProvince[0].city.filter(function (item) {

return item.name == _this.value

})

console.log(currentCity);

currentCity[0].districtAndCounty.forEach(function (item) {

area.innerHTML += `${item}`

})

}

android省市区简书,三级联动（省市区）相关推荐

震惊!Android原生Spinner实现三级联动
震惊!Android原生Spinner实现三级联动三级联动json数据点击免积分下载 android studio文件配置对着工程目录右键点击new -> folder ->ass ...
微信小程序的省市区三级地址mysql_微信小程序实现三级联动-省市区
序:项目中需要用到三级联动,自己试着写了下,也查了一些资料,现在把这个记录一下,里面地区数据,可根据个人需要做一些更改,我比较懒就不改了. wxml {{province}} {{city}} {{c ...
android计步器简书,自定义View-仿QQ运动步数进度效果
自定义View-仿QQ运动步数进度效果一.写在前面 (1) 图一,仿QQ步数运行效果 (2) 图二,完整的圆效果完整代码请看这二.正文开始 (1)首先来个三部曲,自定义属性,布局设置,属性获取 ...
android 仿简书评论,Android 开发仿简书登录框可删除内容或显示密码框的内容
简书App 是我很喜欢的一款软件.今天就模仿了一下他的登录框.先上图: 好了下面上代码,自定义ImgEditText 继承与EditText.重写一些方法. package lyf.myimgedit ...
android 仿简书评论,Android仿简书搜索框效果的示例代码
前言之前用简书的时候一直是在web端,后来下载了客户端,看到了搜索的那个动画,就尝试的去写了,没写之前感觉挺容易的,写了之后,就感觉里面还是有些要注意的东西的.话不多说,直接上图. Activity ...
android jsoup简书,jsoup爬虫简书首页数据做个小Demo
昨天LZ去面试,遇到一个大牛,被血虐一番,发现自己基础还是很薄弱,对java一些原理掌握的还是不够稳固,比如java反射注解,知道一点就是说不出来,很尴尬... 生命不止,学习不止啊之前那个项目 Q ...
Android仿简书、淘宝等APP View弹出效果
在用简书App的时候觉得这个View的弹出效果特别好,而且非常平滑. 先看看效果: 主要是scale,alpha,translation几个普通动画组合,这里不再分析. 实现效果图: 代码:https ...
android仿简书编辑器,类似zine，简书的app移动编辑器-Light Seven
原标题:类似zine,简书的app移动编辑器-Light Seven 无论你是否从事文字编辑工作,我相信每个人都会接触到文字编辑.既然接触到文字编辑,顺理成章的就会接触到文字编辑的应用和软件. 在生活 ...
android studio 测试地址三级联动的时候 json数据太长提示错误: 常量字符串过长
在项目中应用地址三级联动的时候因为测试给了一大窜的json数据就在项目中创建了一个常量保存这个json 然后在专程bean 去应用但是提示错误: 常量字符串过长于是该用jso ...
android省市区简书,中国省市区脚本
在涉及到地区性项目开发中,区域信息是少不了的, 本文就例举了一张区域表,里面包含中国所有的省市区信息, 文章主要分析了这张地区的结构设计,在下载区域可以对脚本进行下载(提供了创表语句和数据语句) ...

android省市区简书,三级联动（省市区）

android省市区简书,三级联动（省市区）相关推荐

最新文章

热门文章

android省市区 简书,三级联动（省市区）

android省市区 简书,三级联动（省市区）相关推荐

最新文章

热门文章

android省市区简书,三级联动（省市区）

android省市区简书,三级联动（省市区）相关推荐