1.定义三个选择标签 增加一个默认选项请选择
2.定义省市县三个数组存储数据 定义p存储选择的省份
var aProvince = ["河北省", "山西省", "湖北省"];
var aCity = [
["石家庄市", "张家口市", "承德市", "秦皇岛市"],
["太原市", "朔州市", "大同市", "阳泉市"],
["武汉市", "孝感市", "宜昌市", "襄阳市"]
];
var aCountry = [
[['00','01','02','03'],['01','00','00','00'],['02','00','00','00'], ['03','00','00','00']],
[['10','00','00','00'],['11','00','00','00'],['12','00','00','00'],['13','00','00','00']],
[['20','00','00','00'],['21','00','00','00'],['22','00','00','00'],['23','00','00','00']]
];
var p;
3.在$(function() {}）方法里面做赋值操作
$(function() {
//给省份赋值
for(var i = 0; i < aProvince.length; i++) {
$("#province").append("");
}
//省份改变执行
$("#province").change(function() {
//获取到省份选中的下标
var index = $(this).children("option:selected").index()；
//去除默认
p = index - 1;
//移除除了下标为0的内容
$("#city").children().not(":eq(0)").remove();
//便利给市份赋值
for(var j = 0; j < aCity.length; j++) {
$("#city").append("")
}
})
//市份改变执行
$("#city").change(function(){
//获取选中的下标
var index = $(this).children("option:selected").index();
//获取县的数据
var aa = aCountry[p][index - 1];
//移除除默认选中外的所有市的数据
$("#county").children().not(":eq(0)").remove();
//给县级数据赋值
for (var i = 0; i < aa.length; i++) {
$("#county").append("")
}
})
})