各个省份城市HTML,省份城市的三级联动.html

Document

请选择

// 省份数组

var provinceArr = ['上海', '江苏', '河北'];

// 城市数组

var cityArr = [

['上海市'],

['苏州市', '南京市', '扬州市'],

['石家庄', '秦皇岛', '张家口']

];

// 区域数组

var countryArr = [

[

['黄浦区', '静安区', '长宁区', '浦东区']

], [

['虎丘区', '吴中区', '相城区', '姑苏区', '吴江区'],

['玄武区', '秦淮区', '建邺区', '鼓楼区', '浦口区'],

['邗江区', '广陵区', '江都区']

], [

['长安区', '桥西区', '新华区', '井陉矿区'],

['海港区', '山海关区', '北戴河区', '抚宁区'],

['桥东区', '桥西区', '宣化区', '下花园区']

]

];

function createOption(obj,data){

for(var i in data){

var op=new Option(data[i],i);

obj.options.add(op);

}

var province=document.getElementById('province');

createOption(province,provinceArr);

var city=document.getElementById('city');

province.οnchange=function()

{

city.options.length=0;

createOption(city,cityArr[province.value]);

if(province.value>=0)

{

city.onchange();

}

else{

country.options.length=0;

}

};

var country = document.getElementById('country');

city.onchange = function() {

country.options.length = 0; // 清空country下的所有原有

createOption(country, countryArr[province.value][city.value]);

};

返回目录

一键复制

编辑

Web IDE

原始数据

按行查看

历史

各个省份城市HTML,省份城市的三级联动.html相关推荐

开源三级联动，Vue.js编写省份、城市、区、县三级联动源码
开源三级联动,Vue.js编写省份.城市.区.县三级联动源码 1.三级联动框样式上图: 请访问:这里!! 查看三级联动器效果. 2.如何在html里面引用文件的目录路径为: data.js是存放我 ...
html5手机端三级联动城市选择代码,省市县三级联动(jQuery手机端收货地址选择地区代码)...
[实例简介] [实例截图] [核心代码] jQuery手机端收货地址选择代码 - 站长素材默认调用所在地区: 设置默认值所在地区: /** * 默认调用 */ !function () { va ...
【MySQL】全国省市县三级联动SQL语句—城市SQL(二)
目录 -- >城市信息表数据 [MySQL]全国省市县三级联动SQL语句-建表和省份SQL(一)全国省市县三级联动SQL语句-建表和省份SQL(一)https://blog.csdn.net/z ...
省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动
本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...
python输入城市找省份_Python实现用户交互，显示省市县三级联动的选择
题目:Python实现用户交互,显示省市县三级联动的选择定义的字典为: dic = { "江西": { "萍乡": ["安源", &quo ...
js+php做省份城市选择,三级联动,前后端简单交互,最详细
需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...
js三级联动案例(省份,城市,县区,街道)
<script type="text/javascript">/*分析:* 1.创建页面元素(下拉列表框 select)* 2.创建二维数组存储数据(地区)* 3.获取 ...
python字典存储省份与城市_python实现城市和省份字典（根据城市判断属于哪个省份）...
首先,在网上拿到一份数据,省份和城市的对应表: 第一张图是省份以及对应的ID 第二张图是省份和城市,以及分别对应的ID 基本的思路是:实现一个字典,省份作为键,省份包含的城市作为值,举个例子:{&qu ...
根据省份查询城市java代码_java根据城市查找省份
参考自: java实现根据城市查出省份更新: 1,添加大陆30个城市左右 2,添加香港各区,澳门各区,台湾各市 package com.hzy.utils; import java.util.Arr ...
android仿ios城市选择,Android 省市区三级联动选择器（仿iOS滚轮实现）
前言在实际的项目中需要使用到省市区三级联动的功能,在网上找来找去,都没有找到一个合适的库, 所以自己就封装了一个,不需要自己添加数据源,直接引用即可,一行代码搞定城市选择.怎么简单,怎么方便,怎么来 ...

各个省份城市HTML,省份城市的三级联动.html

各个省份城市HTML,省份城市的三级联动.html相关推荐

最新文章

热门文章