HTML/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/js/index.js
2023-05-01 21:33:04 +08:00

72 lines
2.1 KiB
JavaScript

function getData(){
$.ajax({
url : './json/third-level-address.json',
type : 'get',
async: false,
success : function(data) {
if(data=="error"){
alert("系统错误");
return;
}
dataJson=data;
}
});
return dataJson;
}
function getCountry(){
// $.ajax({
// url : './json/third-level-address.json',
// type : 'get',
// async: false,
// success : function(data) {
// if(data=="error"){
// alert("系统错误");
// return;
// }
var data = getData();
var country = new Array();
var children = new Array();
var countryCode=new Array();
$.each(data,function(i,tmp){
countryCode.push(tmp.code);
country.push(tmp.name);
children.push(tmp.children);
});
// for(var i in data){
// console.log(data[i].children[0].children[0].code);
// }
// console.log(data[0].children[1].name);
var options = "<option value='0'>--请选择--</option>";
for(var i in data){
options += "<option value='" + data[i].code + "' selected>" + dataJson[i].name+"</option>";
$("#province").html(options);
// console.log(data[i].code);
}
}
function getCity(countryCode){
var data = getData();
$('#city').empty();
var options = "<option value='0'>--请选择--</option>";
for(var i in data){
if(countryCode && countryCode == data[i].code){
options += "<option value='" + data[i].children[0].code + "' selected>" + data[i].children[0].name+"</option>";
}
$("#city").html(options);
}
}
function getArea(cityCode){
var data = getData();
var options = "<option value='0'>--请选择--</option>";
for(var i in data){
if(cityCode && cityCode == data[i].children[0].code){
options += "<option value='" + data[i].children[0].children[0].code + "' selected>" + data[i].children[0].children[0].name+"</option>";
}
$("#area").html(options);
}
}