gt ;
<头>
selectList标题>
*{margin:0;padding:0;}
.selectList{width:200px;margin:50px auto;}
;
头>
<身体>
请选择选项>;
选择>
请选择选项>;
选择>
请选择选项>;
选择>
请选择选项>;
选择>
请选择选项>;
选择>
请选择选项>;
选择>
$(function(){
$(".selectList").each(function(){
var url = "area.json";
var areaJson;
var temp_html;
var oProvince = $(this).find(".province");
var oCity = $(this).find(".city");
var oDistrict = $(this).find (".district");
//初始化省
var Province = function(){
$.each(areaJson,function(i,province){
temp_html ="<选项值='" 省.p "'>" 省.p "选项>";
});
oProvince.html(temp_html);
city();
};
//分配城市
var city = function(){
temp_html = "";
var n = oProvince.get(0).selectedIndex;
$.each(areaJson[n] ].c,function(i,city){
temp_html ="<选项值='" city.ct "'>" city.ct "")
oCity.html(temp_html);
district();
//属性县
var District = function(){
temp_html = ""; m = oProvince.get(0).selectedIndex;
var n = oCity.get(0).selectedIndex;
if(typeof(areaJson[m].c[n].d) == "未定义" ){
oDistrict.css("显示","无");
}else{
oDistrict.css("显示","内联");
$.each(areaJson[m].c[n].d,function(i,district){
temp_html ="<选项值='"district.dt "'>"district.dt “选项>”
});
oDistrict.html(temp_html);
};
};
//选择省改变市
oProvince.change(function(){
city();
});
//选择市改县
oCity.change(function(){
district();
});
//获取json数据
$.getJSON(url,function(data){
areaJson = data;
province();
});
});
});
脚本>
身体>
json文件(area.json),这里只是事例,根据情况添加或编写