“code3177″:””,
“city3178″:””,
“code3178″:””,
provinces:”北京市,天津市,河北省,山西省,内蒙古自治区,辽宁省,吉林省,黑龙江省,上海市,江苏省,浙江省,安徽省,福建省,江西省,山东省,河南省,湖北省,湖南省,广东省,广西壮族自治区,海南省,重庆市,四川省,贵州省,云南省,西藏自治区,陕西省,甘肃省,青海省,宁夏回族自治区,新疆维吾尔自治区,台湾省,香港特别行政区,澳门特别行政区”,
provcodes:”3145,3146,3147,3148,3149,3150,3151,3152,3153,3154,3155,3156,3157,3158,3159,3160,3161,3162,3163,3164,3165,3166,3167,3168,3169,3170,3171,3172,3173,3174,3175,3176,3177,3178″}’;
jquery代码，关键代码
$(function(){
//取得json对象
var jsonobj = eval(‘(‘+ area +’)’);
//省编号
var provcodes = jsonobj.provcodes;
//省编号数组
var provcodesArray = provcodes.split(‘,’);
//省编号个数
var provcodesLength = provcodesArray.length;
//省名称
var provinces = jsonobj.provinces;
var provincesArray = provinces.split(‘,’);
var provhtml = ‘<option value=””>请选择</option>’;
//绑定省份
for(var i=0;i<provcodesLength;i++){
provhtml += ‘<option value=”‘+provcodesArray[i]+'”>’+provincesArray[i]+'</option>’;
}
$(“#province”).append(provhtml);
//选择省级市加载下级
$(“#province”).change(function(){
var cityhtml = ‘<option value=””>请选择</option>’;
var provcode = $(this).val(); //省级的编号
//如果选择的是空则退出
if(provcode==””){
$(“#city”).empty().append(cityhtml);
return ;
}
var prov = “city”+provcode; //市级名称
var code = “code”+provcode; //市级编号
var provArray = jsonobj[code].split(‘,’); //市级名称数组
var prolength = provArray.length;
var cityArray = jsonobj[prov].split(‘,’); //市级编号数组
//绑定市级
for(var i=0;i<prolength;i++){
cityhtml += ‘<option value=”‘+provArray[i]+'”>’+cityArray[i]+'</option>’;
}
$(“#city”).empty().append(cityhtml);
});
});
完整代码：
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME=”Generator” CONTENT=”EditPlus”>
<META NAME=”Author” CONTENT=””>
<META NAME=”Keywords” CONTENT=””>
<META NAME=”Description” CONTENT=””>
<!–
data:2011-07-1
