省份城市的三级联动

1.先来三个下拉菜单

用这三个下拉菜单来显示省份、城市和区域.
代码如下:

<form><select id="province"><option value="-1">请选择</option></select><select id="city"></select><select id="country"></select>
</form>

第二行代码是为省份设置一个默认的值请选择
的value属性是表示地区对应的数组下标,因为数组下标从0开是
所以把value设置成" -1 ",避免被识别成某个地区.

2.再来三个数组

这三个数组分别用来保存省份、城市和区域的信息.
代码如下:

        // 省份信息数组var provinceArr = ['上海市', '江苏省', '浙江省'];// 城市信息数组var cityArr = [['上海市'],['苏州市', '南京市', '扬州市'],['石家庄', '秦皇岛', '张家口']];// 区域信息数组var countryArr = [[['黄浦区', '静安区', '长宁区', '浦东区']],[['虎丘区', '吴中区', '相城区', '姑苏区', '吴江区'],['玄武区', '秦淮区', '建邺区', '鼓楼区', '浦口区'],['邗江区', '广陵区', '江都区']],[['长安区', '桥西区', '新华区', '井陉矿区'],['海港区', '山海关区', '北戴河区', '抚宁区'],['桥东区', '桥西区', '宣化区', '下花园区']]];

第二行代码用数组provinceArr来保存省份信息

第四行代码用二维数组cityArr来保存城市信息
江苏的下标是"1",则 cityArr[1]中保存的就是"江苏"的所有城市.

第十行代码用三维数组countryArr来保存区域信息
扬州的下标是"2",则countryArr[1][2]中保存的就是"江苏省扬州市"的所有区域

【编程题】省份城市的三级联动相关推荐

省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动
本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...
省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动
-//W3C//DTD HTML 4.01 Transitional//EN" ";> $(document).ready(function(){ //省份城市数组 var ...
js+php做省份城市选择,三级联动,前后端简单交互,最详细
需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...
【案例】城市地址三级联动
注意点: 1.<option value=""></option> value值的设置 2.select的onchange事件 <!DOCTYP ...
原生JavaScript实现城市二级三级联动
原生JavaScript实现城市二级三级联动一,HTML代码 <select id="province" onchange="chooseProvince(th ...
【编程题】【Scratch三级】2019.06 猫咪抓老鼠游戏
猫咪抓老鼠游戏 1. 准备工作 (1)保留小猫角色,添加"Mouse1": (2)默认白色背景. 2. 功能实现 (1)键盘上下左右键控制小猫上下左右移动: (2)老鼠出现在舞台随 ...
【编程题】【Scratch三级】2019.06 幻影小猫
幻影小猫 1.准备工作 (1)保留小猫角色. 2.功能实现 (1)小猫的初始位置任意: (2)按下左右方向键,小猫向对应的方向移动,再按下空格时,使用克隆的方式,快速跑动并显示幻影. 3. 设计思路与 ...
【编程题】【Scratch三级】2021.03 接苹果
接苹果接住苹果不让它落地,苹果触地或满100分结束. 1. 准备工作 (1)保留原空白背景: (2)保留原小猫角色,选择角色Apple,Button2,为Button2添加文字"开始&qu ...
【编程题】【Scratch三级】2019.09 打气球游戏
打气球游戏 1.准备工作 (1)角色"Wand","Balloon1": (2)默认白色背景. 2.功能实现 (1)程序开始,魔法棒在舞台的底部不停左右移动: ...
【编程题】【Scratch三级】2022.06 五彩糖葫芦
五彩糖葫芦用滑杆设定糖球数量(3-10个),点绿色对勾,屏幕即画出各种颜色的糖葫芦. 1. 准备工作 (1)删除舞台默认角色小猫,从角色库选择Ball角色,选择Button4角色: (2)建立变量: ...

【编程题】省份城市的三级联动

省份城市的三级联动

1.先来三个下拉菜单

2.再来三个数组

【编程题】省份城市的三级联动相关推荐

最新文章

热门文章