怎么通过调用json数据实现一个三级城市联动json联动
点击联系发帖人
时间：2016-12-06 06:47
jQuery Ajax三级联动 -
- ITeye技术网站
博客分类：
$.getJSON版
&script type="text/javascript"&
$(document).ready(function(){
var addSelOption = function(jq) //方法addSelOption : 为匹配对象添加一项"请选择"， jq ： jQuery对象
//创建option对象，并设置文本为"请选择"，value值为-1
var opt = $("&option/&").text("请选择").attr("value", "-1");
//将option对象添加到select中
jq.append(opt);
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchOne.aspx";
通过 HTTP GET 请求载入 JSON 数据
json : JSON对象
$.getJSON(requestUrl, function(json){
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchOne").append(opt);
$("#branchOne").change(function(){
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchTwo.aspx";
//获取下拉菜单的value值
var branchId = $(this).val();
if(branchId != "-1")
// {"branchID" : branchId} ： 传入参数
$.getJSON(requestUrl, {"branchID" : branchId}, function(json){
$("#branchTwo").empty();
//$("#branchTwo").append($("&option/&").text("请选择").attr("value", "-1"));
addSelOption($("#branchTwo"));
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchTwo").append(opt);
$("#branchTwo").change(function(){
//获取下拉菜单的value值
var branchId = $(this).val();
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchThird.aspx";
if(branchId != "-1")
$.getJSON(requestUrl, {"branchID" : branchId}, function(json){
$("#branchThree").empty();
addSelOption($("#branchThree"));
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchThree").append(opt);
$("#branchThree").empty();
addSelOption($("#branchThree"));
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$("#branchThree").empty();
addSelOption($("#branchThree"));
&script type="text/javascript"&
$(document).ready(function(){
var addSelOption = function(jq) //方法addSelOption : 为匹配对象添加一项"请选择"， jq ： jQuery对象
//创建option对象，并设置文本为"请选择"，value值为-1
var opt = $("&option/&").text("请选择").attr("value", "-1");
//将option对象添加到select中
jq.append(opt);
//添加span节点并添加loadding的gif图片
var loadImg = function(br){
$("#loaddingImg").find("img").remove();
var oSpan = $("&span id='loaddingImg'&&img src='/TheOneHRWeb/images/loadding_indicator.gif' /&&/span&");
br.after(oSpan);
var requestUrl = "/TheOneHRWeb/handler/GetBranchOne.aspx";
//type : "get", //默认为get
dataType : "json",
url : requestUrl,
success : function(json){
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchOne").append(opt);
$("#branchOne").change(function(){
var branchId = $(this).val();
if(branchId != "-1"){
var requestUrl = "/TheOneHRWeb/handler/GetBranchTwo.aspx";
dataType : "json",
url : requestUrl,
//传入的参数
data : "branchID=" + branchId,
//发送请求前加载loadding的gif图片
beforeSend : loadImg($("#branchOne")),
success : function(json){
//删除gif图片的span节点
$("#loaddingImg").remove();
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchTwo").append(opt);
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$("#branchThree").empty();
addSelOption($("#branchThree"));
$("#branchTwo").change(function(){
var branchId = $(this).val();
if(branchId != "-1"){
var requestUrl = "/TheOneHRWeb/handler/GetBranchThird.aspx";
dataType : "json",
url : requestUrl,
data : "branchID=" + branchId,
beforeSend : loadImg($("#branchTwo")),
success : function(json){
$("#loaddingImg").remove();
$("#branchThree").empty();
addSelOption($("#branchThree"));
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchThree").append(opt);
$("#branchThree").empty();
addSelOption($("#branchThree"));
I级机构: &select id="branchOne"&
&option selected="selected" value="-1"&请选择&/option&
II级机构:&select id="branchTwo"&
&option selected="selected" value="-1"&请选择&/option&
III级机构:&select id="branchThree"&
&option selected="selected" value="-1"&请选择&/option&
浏览 10274
浏览: 76502 次
来自: 江门织梦模板建站、织梦仿站，推荐选跟版网(专业织梦模板定制下载站)，您可以把织梦模板网：
亲，跟版网是专业的DEDECMS模板下载和定制开发服务商！您可以选择或者
省市区三级联动[JSON+Jquery]
& &以下内容您可能感兴趣： &
&!DOCTYPE html&
&title&省市区三级联动[JSON+Jquery]&/title&&
&script src=&js/jquery-1.8.3.min.js& type=&text/javascript&&&/script&
&script src=&json/CityJson.js& type=&text/javascript&&&/script&
&script src=&json/ProJson.js& type=&text/javascript&&&/script&
&script src=&json/DistrictJson.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
$(function () {
$.each(province, function (k, p) {&
var option = &&option value='& + p.ProID + &'&& + p.ProName + &&/option&&;
$(&#selProvince&).append(option);
$(&#selProvince&).change(function () {
var selValue = $(this).val();&
$(&#selCity option:gt(0)&).remove();
$.each(city, function (k, p) {&
if (p.ProID == selValue) {
var option = &&option value='& + p.CityID + &'&& + p.CityName + &&/option&&;
$(&#selCity&).append(option);
$(&#selCity&).change(function () {
var selValue = $(this).val();
$(&#selDistrict option:gt(0)&).remove();
$.each(District, function (k, p) {
if (p.CityID == selValue) {
var option = &&option value='& + p.Id + &'&& + p.DisName + &&/option&&;
$(&#selDistrict&).append(option);
&select id=&selProvince&&
&option value=&0&&--请选择省份--&/option&
&select id=&selCity&&
&option value=&0&&--请选择城市--&/option&
&select id=&selDistrict&&
&option value=&0&&--请选择区/县--&/option&
&input type=&button& id=&btnOK& value=&确定& /&
---------------------------------------------------------------------------
&省：ProJson.js
province = [{ &ProID&: 1, &ProName&: &北京市&, &ProSort&: 1, &ProRemark&: &直辖市& }, { &ProID&: 2, &ProName&: &天津市&, &ProSort&: 2, &ProRemark&: &直辖市& }, { &ProID&: 3, &ProName&: &河北省&, &ProSort&: 5, &ProRemark&: &省份& }, { &ProID&: 4, &ProName&: &山西省&, &ProSort&: 6, &ProRemark&: &省份& }, { &ProID&: 5, &ProName&: &内蒙古自治区&, &ProSort&: 32, &ProRemark&: &自治区& }, { &ProID&: 6, &ProName&: &辽宁省&, &ProSort&: 8, &ProRemark&: &省份& }, { &ProID&: 7, &ProName&: &吉林省&, &ProSort&: 9, &ProRemark&: &省份& }, { &ProID&: 8, &ProName&: &黑龙江省&, &ProSort&: 10, &ProRemark&: &省份& }, { &ProID&: 9, &ProName&: &上海市&, &ProSort&: 3, &ProRemark&: &直辖市& }, { &ProID&: 10, &ProName&: &江苏省&, &ProSort&: 11, &ProRemark&: &省份& }, { &ProID&: 11, &ProName&: &浙江省&, &ProSort&: 12, &ProRemark&: &省份& }, { &ProID&: 12, &ProName&: &安徽省&, &ProSort&: 13, &ProRemark&: &省份& }, { &ProID&: 13, &ProName&: &福建省&, &ProSort&: 14, &ProRemark&: &省份& }, { &ProID&: 14, &ProName&: &江西省&, &ProSort&: 15, &ProRemark&: &省份& }, { &ProID&: 15, &ProName&: &山东省&, &ProSort&: 16, &ProRemark&: &省份& }, { &ProID&: 16, &ProName&: &河南省&, &ProSort&: 17, &ProRemark&: &省份& }, { &ProID&: 17, &ProName&: &湖北省&, &ProSort&: 18, &ProRemark&: &省份& }, { &ProID&: 18, &ProName&: &湖南省&, &ProSort&: 19, &ProRemark&: &省份& }, { &ProID&: 19, &ProName&: &广东省&, &ProSort&: 20, &ProRemark&: &省份& }, { &ProID&: 20, &ProName&: &海南省&, &ProSort&: 24, &ProRemark&: &省份& }, { &ProID&: 21, &ProName&: &广西壮族自治区&, &ProSort&: 28, &ProRemark&: &自治区& }, { &ProID&: 22, &ProName&: &甘肃省&, &ProSort&: 21, &ProRemark&: &省份& }, { &ProID&: 23, &ProName&: &陕西省&, &ProSort&: 27, &ProRemark&: &省份& }, { &ProID&: 24, &ProName&: &新 疆维吾尔自治区&, &ProSort&: 31, &ProRemark&: &自治区& }, { &ProID&: 25, &ProName&: &青海省&, &ProSort&: 26, &ProRemark&: &省份& }, { &ProID&: 26, &ProName&: &宁夏回族自治区&, &ProSort&: 30, &ProRemark&: &自治区& }, { &ProID&: 27, &ProName&: &重庆市&, &ProSort&: 4, &ProRemark&: &直辖市& }, { &ProID&: 28, &ProName&: &四川省&, &ProSort&: 22, &ProRemark&: &省份& }, { &ProID&: 29, &ProName&: &贵州省&, &ProSort&: 23, &ProRemark&: &省份& }, { &ProID&: 30, &ProName&: &云南省&, &ProSort&: 25, &ProRemark&: &省份& }, { &ProID&: 31, &ProName&: &西藏自治区&, &ProSort&: 29, &ProRemark&: &自治区& }, { &ProID&: 32, &ProName&: &台湾省&, &ProSort&: 7, &ProRemark&: &省份& }, { &ProID&: 33, &ProName&: &澳门特别行政区&, &ProSort&: 33, &ProRemark&: &特别行政区& }, { &ProID&: 34, &ProName&: &香港特别行政区&, &ProSort&: 34, &ProRemark&: &特别行政区&}];
---------------------------------------------------------------------------
&市：CityJson.js
city = [{ &CityID&: 1, &CityName&: &北京市&, &ProID&: 1, &CitySort&: 1 }, { &CityID&: 2, &CityName&: &天津市&, &ProID&: 2, &CitySort&: 2 }, { &CityID&: 3, &CityName&: &上海市&, &ProID&: 9, &CitySort&: 3 }, { &CityID&: 4, &CityName&: &重庆市&, &ProID&: 27, &CitySort&: 4 }, { &CityID&: 5, &CityName&: &邯郸市&, &ProID&: 3, &CitySort&: 5 }, { &CityID&: 6, &CityName&: &石家庄市&, &ProID&: 3, &CitySort&: 6 }, { &CityID&: 7, &CityName&: &保定市&, &ProID&: 3, &CitySort&: 7 }, { &CityID&: 8, &CityName&: &张家口市&, &ProID&: 3, &CitySort&: 8 }, { &CityID&: 9, &CityName&: &承德市&, &ProID&: 3, &CitySort&: 9 }, { &CityID&: 10, &CityName&: &唐山市&, &ProID&: 3, &CitySort&: 10 }, { &CityID&: 11, &CityName&: &廊坊市&, &ProID&: 3, &CitySort&: 11 }, { &CityID&: 12, &CityName&: &沧州市&, &ProID&: 3, &CitySort&: 12 }, { &CityID&: 13, &CityName&: &衡水市&, &ProID&: 3, &CitySort&: 13 }, { &CityID&: 14, &CityName&: &邢台市&, &ProID&: 3, &CitySort&: 14 },
。。。。。。。&{ &CityID&: 370, &CityName&: &澳门特别行政区&, &ProID&: 33, &CitySort&: 370 }, { &CityID&: 371, &CityName&: &香港特别行政区&, &ProID&: 34, &CitySort&: 371}];
---------------------------------------------------------------------------
&区、县：DistrictJson.js
District=[{&Id&:1,&DisName&:&东城区&,&CityID&:1,&DisSort&:null},{&Id&:2,&DisName&:&西城区&,&CityID&:1,&DisSort&:null},{&Id&:3,&DisName&:&崇文区&,&CityID&:1,&DisSort&:null},{&Id&:4,&DisName&:&宣武区&,&CityID&:1,&DisSort&:null},{&Id&:5,&DisName&:&朝阳区&,&CityID&:1,&DisSort&:null},{&Id&:6,&DisName&:&丰台区&,&CityID&:1,&DisSort&:null},{&Id&:7,&DisName&:&石景山区&,&CityID&:1,&DisSort&:null},{&Id&:8,&DisName&:&海淀区&,&CityID&:1,&DisSort&:null},{&Id&:9,&DisName&:&门头沟区&,&CityID&:1,&DisSort&:null},{&Id&:10,&DisName&:&房山区&,&CityID&:1,&DisSort&:null},{&Id&:11,&DisName&:&通州区&,&CityID&:1,&DisSort&:null},{&Id&:12,&DisName&:&顺义区&,&CityID&:1,&DisSort&:null},{&Id&:13,&DisName&:&昌平区&,&CityID&:1,&DisSort&:null},{&Id&:14,&DisName&:&大兴区&,&CityID&:1,&DisSort&:null},{&Id&:15,&DisName&:&怀柔区&,&CityID&:1,&DisSort&:null},{&Id&:16,&DisName&:&平谷区&,&CityID&:1,&DisSort&:null},{&Id&:17,&DisName&:&密云县&,&CityID&:1,&DisSort&:null},{&Id&:18,&DisName&:&延庆县&,&CityID&:1,&DisSort&:null},{&Id&:19,&DisName&:&和平区&,&CityID&:2,&DisSort&:null},{&Id&:20,&DisName&:&河东区&,&CityID&:2,&DisSort&:null},{&Id&:21,&DisName&:&河西区&,&CityID&:2,&DisSort&:null},{&Id&:22,&DisName&:&南开区&,&CityID&:2,&DisSort&:null},{&Id&:23,&DisName&:&河北区&,&CityID&:2,&DisSort&:null},。。。。。{&Id&:2821,&DisName&:&突泉县&,&CityID&:361,&DisSort&:null},{&Id&:2822,&DisName&:&阿拉善左旗&,&CityID&:362,&DisSort&:null},{&Id&:2823,&DisName&:&阿拉善右旗&,&CityID&:362,&DisSort&:null},{&Id&:2824,&DisName&:&额济纳旗&,&CityID&:362,&DisSort&:null}];
跟版网-专业织梦模板下载平台，转载请注明出处：
& &精心为您推荐： &
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- 织梦html5模板
售价:60金币
- dede源码分享
售价:0金币
- dede源码分享
售价:40金币
- dede源码分享
售价:0金币
- dede源码分享
售价:20金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。 上传我的文档
 下载
 收藏
毕业于医学院校，在医院工作，有相对丰富的护理经验
 下载此文档
正在努力加载中...
三级联动 使用Jquery实现城市三级数据联动的实例
下载积分：1500
内容提示：三级联动 使用Jquery实现城市三级数据联动的实例
文档格式：DOC|
浏览次数：22|
上传日期： 12:06:50|
文档星级：
该用户还上传了这些文档
三级联动 使用Jquery实现城市三级数据联动的实例
官方公共微信}
- ITeye技术网站
博客分类：
$.getJSON版
&script type="text/javascript"&
$(document).ready(function(){
var addSelOption = function(jq) //方法addSelOption : 为匹配对象添加一项"请选择"， jq ： jQuery对象
//创建option对象，并设置文本为"请选择"，value值为-1
var opt = $("&option/&").text("请选择").attr("value", "-1");
//将option对象添加到select中
jq.append(opt);
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchOne.aspx";
通过 HTTP GET 请求载入 JSON 数据
json : JSON对象
$.getJSON(requestUrl, function(json){
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchOne").append(opt);
$("#branchOne").change(function(){
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchTwo.aspx";
//获取下拉菜单的value值
var branchId = $(this).val();
if(branchId != "-1")
// {"branchID" : branchId} ： 传入参数
$.getJSON(requestUrl, {"branchID" : branchId}, function(json){
$("#branchTwo").empty();
//$("#branchTwo").append($("&option/&").text("请选择").attr("value", "-1"));
addSelOption($("#branchTwo"));
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchTwo").append(opt);
$("#branchTwo").change(function(){
//获取下拉菜单的value值
var branchId = $(this).val();
//获取请求的URL
var requestUrl = "/TheOneHRWeb/handler/GetBranchThird.aspx";
if(branchId != "-1")
$.getJSON(requestUrl, {"branchID" : branchId}, function(json){
$("#branchThree").empty();
addSelOption($("#branchThree"));
//遍历JSON对象
$(json).each(function(){
//创建option对象并设置相应的文本值和value值
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
//将option对象添加到匹配的jQuery对象中
$("#branchThree").append(opt);
$("#branchThree").empty();
addSelOption($("#branchThree"));
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$("#branchThree").empty();
addSelOption($("#branchThree"));
&script type="text/javascript"&
$(document).ready(function(){
var addSelOption = function(jq) //方法addSelOption : 为匹配对象添加一项"请选择"， jq ： jQuery对象
//创建option对象，并设置文本为"请选择"，value值为-1
var opt = $("&option/&").text("请选择").attr("value", "-1");
//将option对象添加到select中
jq.append(opt);
//添加span节点并添加loadding的gif图片
var loadImg = function(br){
$("#loaddingImg").find("img").remove();
var oSpan = $("&span id='loaddingImg'&&img src='/TheOneHRWeb/images/loadding_indicator.gif' /&&/span&");
br.after(oSpan);
var requestUrl = "/TheOneHRWeb/handler/GetBranchOne.aspx";
//type : "get", //默认为get
dataType : "json",
url : requestUrl,
success : function(json){
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchOne").append(opt);
$("#branchOne").change(function(){
var branchId = $(this).val();
if(branchId != "-1"){
var requestUrl = "/TheOneHRWeb/handler/GetBranchTwo.aspx";
dataType : "json",
url : requestUrl,
//传入的参数
data : "branchID=" + branchId,
//发送请求前加载loadding的gif图片
beforeSend : loadImg($("#branchOne")),
success : function(json){
//删除gif图片的span节点
$("#loaddingImg").remove();
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchTwo").append(opt);
$("#branchTwo").empty();
addSelOption($("#branchTwo"));
$("#branchThree").empty();
addSelOption($("#branchThree"));
$("#branchTwo").change(function(){
var branchId = $(this).val();
if(branchId != "-1"){
var requestUrl = "/TheOneHRWeb/handler/GetBranchThird.aspx";
dataType : "json",
url : requestUrl,
data : "branchID=" + branchId,
beforeSend : loadImg($("#branchTwo")),
success : function(json){
$("#loaddingImg").remove();
$("#branchThree").empty();
addSelOption($("#branchThree"));
$(json).each(function(){
var opt = $("&option/&").text(this.branchName).attr("value", this.branchID);
$("#branchThree").append(opt);
$("#branchThree").empty();
addSelOption($("#branchThree"));
I级机构: &select id="branchOne"&
&option selected="selected" value="-1"&请选择&/option&
II级机构:&select id="branchTwo"&
&option selected="selected" value="-1"&请选择&/option&
III级机构:&select id="branchThree"&
&option selected="selected" value="-1"&请选择&/option&
浏览 10274
浏览: 76502 次
来自: 江门织梦模板建站、织梦仿站，推荐选跟版网(专业织梦模板定制下载站)，您可以把织梦模板网：
亲，跟版网是专业的DEDECMS模板下载和定制开发服务商！您可以选择或者
省市区三级联动[JSON+Jquery]
& &以下内容您可能感兴趣： &
&!DOCTYPE html&
&title&省市区三级联动[JSON+Jquery]&/title&&
&script src=&js/jquery-1.8.3.min.js& type=&text/javascript&&&/script&
&script src=&json/CityJson.js& type=&text/javascript&&&/script&
&script src=&json/ProJson.js& type=&text/javascript&&&/script&
&script src=&json/DistrictJson.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
$(function () {
$.each(province, function (k, p) {&
var option = &&option value='& + p.ProID + &'&& + p.ProName + &&/option&&;
$(&#selProvince&).append(option);
$(&#selProvince&).change(function () {
var selValue = $(this).val();&
$(&#selCity option:gt(0)&).remove();
$.each(city, function (k, p) {&
if (p.ProID == selValue) {
var option = &&option value='& + p.CityID + &'&& + p.CityName + &&/option&&;
$(&#selCity&).append(option);
$(&#selCity&).change(function () {
var selValue = $(this).val();
$(&#selDistrict option:gt(0)&).remove();
$.each(District, function (k, p) {
if (p.CityID == selValue) {
var option = &&option value='& + p.Id + &'&& + p.DisName + &&/option&&;
$(&#selDistrict&).append(option);
&select id=&selProvince&&
&option value=&0&&--请选择省份--&/option&
&select id=&selCity&&
&option value=&0&&--请选择城市--&/option&
&select id=&selDistrict&&
&option value=&0&&--请选择区/县--&/option&
&input type=&button& id=&btnOK& value=&确定& /&
---------------------------------------------------------------------------
&省：ProJson.js
province = [{ &ProID&: 1, &ProName&: &北京市&, &ProSort&: 1, &ProRemark&: &直辖市& }, { &ProID&: 2, &ProName&: &天津市&, &ProSort&: 2, &ProRemark&: &直辖市& }, { &ProID&: 3, &ProName&: &河北省&, &ProSort&: 5, &ProRemark&: &省份& }, { &ProID&: 4, &ProName&: &山西省&, &ProSort&: 6, &ProRemark&: &省份& }, { &ProID&: 5, &ProName&: &内蒙古自治区&, &ProSort&: 32, &ProRemark&: &自治区& }, { &ProID&: 6, &ProName&: &辽宁省&, &ProSort&: 8, &ProRemark&: &省份& }, { &ProID&: 7, &ProName&: &吉林省&, &ProSort&: 9, &ProRemark&: &省份& }, { &ProID&: 8, &ProName&: &黑龙江省&, &ProSort&: 10, &ProRemark&: &省份& }, { &ProID&: 9, &ProName&: &上海市&, &ProSort&: 3, &ProRemark&: &直辖市& }, { &ProID&: 10, &ProName&: &江苏省&, &ProSort&: 11, &ProRemark&: &省份& }, { &ProID&: 11, &ProName&: &浙江省&, &ProSort&: 12, &ProRemark&: &省份& }, { &ProID&: 12, &ProName&: &安徽省&, &ProSort&: 13, &ProRemark&: &省份& }, { &ProID&: 13, &ProName&: &福建省&, &ProSort&: 14, &ProRemark&: &省份& }, { &ProID&: 14, &ProName&: &江西省&, &ProSort&: 15, &ProRemark&: &省份& }, { &ProID&: 15, &ProName&: &山东省&, &ProSort&: 16, &ProRemark&: &省份& }, { &ProID&: 16, &ProName&: &河南省&, &ProSort&: 17, &ProRemark&: &省份& }, { &ProID&: 17, &ProName&: &湖北省&, &ProSort&: 18, &ProRemark&: &省份& }, { &ProID&: 18, &ProName&: &湖南省&, &ProSort&: 19, &ProRemark&: &省份& }, { &ProID&: 19, &ProName&: &广东省&, &ProSort&: 20, &ProRemark&: &省份& }, { &ProID&: 20, &ProName&: &海南省&, &ProSort&: 24, &ProRemark&: &省份& }, { &ProID&: 21, &ProName&: &广西壮族自治区&, &ProSort&: 28, &ProRemark&: &自治区& }, { &ProID&: 22, &ProName&: &甘肃省&, &ProSort&: 21, &ProRemark&: &省份& }, { &ProID&: 23, &ProName&: &陕西省&, &ProSort&: 27, &ProRemark&: &省份& }, { &ProID&: 24, &ProName&: &新 疆维吾尔自治区&, &ProSort&: 31, &ProRemark&: &自治区& }, { &ProID&: 25, &ProName&: &青海省&, &ProSort&: 26, &ProRemark&: &省份& }, { &ProID&: 26, &ProName&: &宁夏回族自治区&, &ProSort&: 30, &ProRemark&: &自治区& }, { &ProID&: 27, &ProName&: &重庆市&, &ProSort&: 4, &ProRemark&: &直辖市& }, { &ProID&: 28, &ProName&: &四川省&, &ProSort&: 22, &ProRemark&: &省份& }, { &ProID&: 29, &ProName&: &贵州省&, &ProSort&: 23, &ProRemark&: &省份& }, { &ProID&: 30, &ProName&: &云南省&, &ProSort&: 25, &ProRemark&: &省份& }, { &ProID&: 31, &ProName&: &西藏自治区&, &ProSort&: 29, &ProRemark&: &自治区& }, { &ProID&: 32, &ProName&: &台湾省&, &ProSort&: 7, &ProRemark&: &省份& }, { &ProID&: 33, &ProName&: &澳门特别行政区&, &ProSort&: 33, &ProRemark&: &特别行政区& }, { &ProID&: 34, &ProName&: &香港特别行政区&, &ProSort&: 34, &ProRemark&: &特别行政区&}];
---------------------------------------------------------------------------
&市：CityJson.js
city = [{ &CityID&: 1, &CityName&: &北京市&, &ProID&: 1, &CitySort&: 1 }, { &CityID&: 2, &CityName&: &天津市&, &ProID&: 2, &CitySort&: 2 }, { &CityID&: 3, &CityName&: &上海市&, &ProID&: 9, &CitySort&: 3 }, { &CityID&: 4, &CityName&: &重庆市&, &ProID&: 27, &CitySort&: 4 }, { &CityID&: 5, &CityName&: &邯郸市&, &ProID&: 3, &CitySort&: 5 }, { &CityID&: 6, &CityName&: &石家庄市&, &ProID&: 3, &CitySort&: 6 }, { &CityID&: 7, &CityName&: &保定市&, &ProID&: 3, &CitySort&: 7 }, { &CityID&: 8, &CityName&: &张家口市&, &ProID&: 3, &CitySort&: 8 }, { &CityID&: 9, &CityName&: &承德市&, &ProID&: 3, &CitySort&: 9 }, { &CityID&: 10, &CityName&: &唐山市&, &ProID&: 3, &CitySort&: 10 }, { &CityID&: 11, &CityName&: &廊坊市&, &ProID&: 3, &CitySort&: 11 }, { &CityID&: 12, &CityName&: &沧州市&, &ProID&: 3, &CitySort&: 12 }, { &CityID&: 13, &CityName&: &衡水市&, &ProID&: 3, &CitySort&: 13 }, { &CityID&: 14, &CityName&: &邢台市&, &ProID&: 3, &CitySort&: 14 },
。。。。。。。&{ &CityID&: 370, &CityName&: &澳门特别行政区&, &ProID&: 33, &CitySort&: 370 }, { &CityID&: 371, &CityName&: &香港特别行政区&, &ProID&: 34, &CitySort&: 371}];
---------------------------------------------------------------------------
&区、县：DistrictJson.js
District=[{&Id&:1,&DisName&:&东城区&,&CityID&:1,&DisSort&:null},{&Id&:2,&DisName&:&西城区&,&CityID&:1,&DisSort&:null},{&Id&:3,&DisName&:&崇文区&,&CityID&:1,&DisSort&:null},{&Id&:4,&DisName&:&宣武区&,&CityID&:1,&DisSort&:null},{&Id&:5,&DisName&:&朝阳区&,&CityID&:1,&DisSort&:null},{&Id&:6,&DisName&:&丰台区&,&CityID&:1,&DisSort&:null},{&Id&:7,&DisName&:&石景山区&,&CityID&:1,&DisSort&:null},{&Id&:8,&DisName&:&海淀区&,&CityID&:1,&DisSort&:null},{&Id&:9,&DisName&:&门头沟区&,&CityID&:1,&DisSort&:null},{&Id&:10,&DisName&:&房山区&,&CityID&:1,&DisSort&:null},{&Id&:11,&DisName&:&通州区&,&CityID&:1,&DisSort&:null},{&Id&:12,&DisName&:&顺义区&,&CityID&:1,&DisSort&:null},{&Id&:13,&DisName&:&昌平区&,&CityID&:1,&DisSort&:null},{&Id&:14,&DisName&:&大兴区&,&CityID&:1,&DisSort&:null},{&Id&:15,&DisName&:&怀柔区&,&CityID&:1,&DisSort&:null},{&Id&:16,&DisName&:&平谷区&,&CityID&:1,&DisSort&:null},{&Id&:17,&DisName&:&密云县&,&CityID&:1,&DisSort&:null},{&Id&:18,&DisName&:&延庆县&,&CityID&:1,&DisSort&:null},{&Id&:19,&DisName&:&和平区&,&CityID&:2,&DisSort&:null},{&Id&:20,&DisName&:&河东区&,&CityID&:2,&DisSort&:null},{&Id&:21,&DisName&:&河西区&,&CityID&:2,&DisSort&:null},{&Id&:22,&DisName&:&南开区&,&CityID&:2,&DisSort&:null},{&Id&:23,&DisName&:&河北区&,&CityID&:2,&DisSort&:null},。。。。。{&Id&:2821,&DisName&:&突泉县&,&CityID&:361,&DisSort&:null},{&Id&:2822,&DisName&:&阿拉善左旗&,&CityID&:362,&DisSort&:null},{&Id&:2823,&DisName&:&阿拉善右旗&,&CityID&:362,&DisSort&:null},{&Id&:2824,&DisName&:&额济纳旗&,&CityID&:362,&DisSort&:null}];
跟版网-专业织梦模板下载平台，转载请注明出处：
& &精心为您推荐： &
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- 织梦html5模板
售价:60金币
- dede源码分享
售价:0金币
- dede源码分享
售价:40金币
- dede源码分享
售价:0金币
- dede源码分享
售价:20金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。 上传我的文档
 下载
 收藏
毕业于医学院校，在医院工作，有相对丰富的护理经验
 下载此文档
正在努力加载中...
三级联动 使用Jquery实现城市三级数据联动的实例
下载积分：1500
内容提示：三级联动 使用Jquery实现城市三级数据联动的实例
文档格式：DOC|
浏览次数：22|
上传日期： 12:06:50|
文档星级：
该用户还上传了这些文档
三级联动 使用Jquery实现城市三级数据联动的实例
官方公共微信}
我要回帖
更多关于 三级联动json数据 的文章
更多推荐
- ·软中华1字头2字头3字头价格区别一字头、二字头、三字头真的有区别吗,为什么价格会不一样_百度...
- ·怀旧游戏免费的软件APP哪个比较好用？
- ·易学怎么根据八字取名如何起名？
- ·康熙最搞笑的十集来了2014刘雨柔被阿布化妆是哪一期
- ·这个日本演员有哪些女演员叫什么名字？
- ·鼠标刚刚好吉他谱简单摔了一下，失灵了，请问简单的维修方法
- ·我是用和多号申请的微信解封短信发送失败，微信解封短信发送失败被封了，解封需要和多号给平台发送短信可是和多号不能发送短信给平台求指教
- ·谁有名为梦梦奈servant的servant这个app中的那个游乐场的壁纸图片
- ·有没有怀孕没感觉的感觉flex开发桌面软件效率很差
- ·东莞南城网络公司外贸型网站建设哪家好
- ·怎么挑选好的3.5音频线线
- ·QQ上赞过我的人，我可以咬一口吗看到她离我的距离，但是这个距离是真的吗？如果她一直不登录QQ又会怎样
- ·numnum metgrid levels与numnum metgrid levels有什么区别
- ·vp550p v2大家的充电时间和电流能有多少
- ·genymotion模拟器怎么样设置搜狗输入方法
- ·Win10怎么卸载应用商店win10的软件可以删除吗
- ·玩守望先锋出现这种问题，然后360衣服怎么修补漏洞洞蓝屏，鲁大师更新驱动蓝屏
- ·android输入法切换软键盘 能不能除了自定义标题栏其他的都被软键盘顶出去
- ·华硕padfone a80s6.0.1检查网络怎么花那么长时间
- ·大致命魔术 在线在线如何注册
- ·怎么通过调用json数据实现一个三级城市联动json联动
- ·广发分享日大众点评那个大众点评的怎么用的
- ·wiboxwiboxls最新版下载3.8本在哪下载？
- ·kx-九阳kx30j6011和mg25nf-ad哪个好
- ·16GB的苹果16gb内存够用吗不够用
- ·WhetC.Org.Cn计提本月的消费税E丅C消费查询
- ·市面上有哪些触控安卓显示器显示器
- ·android xml解析工具rxjava怎么解析xml
- ·indesign cs6如何制作最简单的手提袋的折法
- ·杭州户外拓展娱乐活动基地哪家好
- ·您好！请问足球外围足球是在国外的吗？
- ·世界杯预选赛中国赛程比分是哪种类别的游戏，求介绍
- ·在网上买的98篮球网上不了哪种好
- ·晚上跑步能减肥吗和骑车哪个更减肥
- ·2014谁是球王争霸赛 华东赛区 民间足球争霸赛
- ·学习传统武术该配合哪些体能训练
