基于jquery ampjson的省市区联动代码

效果演示

超文本标记语言代码：复制代码代码如下：DOCTYPE html html head meta charset=' utf-8 '/title省市区联动/title script src=' http :/Scripts/jquery。量滴js ' type=' text/JavaScript '/script script src=' http :/Scripts/script。js ' type=' text/JavaScript '/script/head body H2演示：/H2 select id='省份'选项值='0 '请选择省份/option /select select id='city '选项值='0 '请选择城市/option/select select id=' district '选项值='0 '请选择区县/option /select！-下列为初始值（可选，编辑表单时设置)-输入类型='隐藏'值=' 440000 ' id=' pre _省份'/输入类型='隐藏'值='440500' id='pre_city'/输入类型='隐藏'值=' 440511 ' id=' pre _ district '/body/html脚本。射流研究…代码：复制代码代码如下： /*作者： elycir create: 2012-06描述：省市区三级（二级)联动*/$(function(){ var城市选择器=function(){ var省份=$(' #省份');var city=$(' # city ')；定义变量区=$(' # district ')；var pre vence=$(' # pre _省份');var preCity=$(' # pre _ city ')；var pred strict=$(' # pre _ district ')；var JSON providence='/content/JSON-省阵。js '；var jsonCity='/content/JSON-数组城市的。js '；var JSON strict='/content/JSON-array-of-zone。js '；var hasDistrict=truevar本省='选项值='0 '请选择省份/option '；var initCity='选项值='0 '请选择城市/option '；var initDistrict='选项值='0 '请选择区县/option '；返回{ Init:函数(){ var=this那个_ LoadOptions(JSonProvidence，preProvince，省份，null，0，初始化省)；冒险。改变(功能(){那._加载选项(城市，区域，城市，省份，2，init city)；});if(HasDistrict){ city。改变(功能(){那._LoadOptions(jsonDistrict，preDistrict，District，city，4，init District)；});省份。变更（函数(){城市。change()；});}省份。change()；}，_ LoadOptions:函数(datapath，preobj，targetobj，parentobj，comparelen，initoption) { $ .get(datapath，function(r){ var t=' '；//t: html容器风险值//s 3360 .选中标识var pre//pre:初始值if (preobj===未定义){ pre=0；} else { pre=preobj。val()；} for(var I=0；我。长度；I){ s=' '；if (comparelen===0) { if (pre！=='' pre！==0 r[i].代码===pre){ s=' selected=\ ' selected \ '；pre=} t='option value=' r[i].代码s ' r[I].name '/option '；} else { var p=parent obj。val()；if (p.substring(0，compare len)==r[I]。代码。substring(0，comparelen)) { if (pre！=='' pre！==0 r[i].代码===pre){ s=' selected=\ ' selected \ '；pre=} t='option value=' r[i].代码s ' r[I].name '/option '；} } } if (initoption！==' '){目标对象。html(init选项t)；} else { target obj。html(t)；} }，' JSON ')；} };} ();城市选择器init()；});省市区json数据文件：点击下载