java下拉框填写省市县_下拉框选择省市区

html:

--请选择--

--请选择--

--请选择--

css:

body {

}

js:

///

var aProvince = ["河北省", "山西省", "湖北省"];

//aProvince[0]; 河北省

//aProvince[1]; 山西省

var aCity = [["石家庄市", "张家口市", "承德市", "秦皇岛市"], ["太原市", "朔州市", "大同市", "阳泉市"], ["武汉市", "孝感市", "宜昌市", "襄阳市"]];

var aCountry = [[["无极县", "赵县", "栾城县"], ["沽源县", "尚义县", "阳原县"], ["平泉县", "滦平县", "隆化县"], ["抚宁县", "卢龙县", "昌黎县"]],

[["清徐县", "阳曲县", "娄烦县"], ["山阴县", "应县", "右玉县"], ["左云县", "阳高县", "天镇县"], ["盂县", "平定县", "矿区"]], [["武昌区", "洪山区", "东湖新区"], ["云梦县", "大悟县", "应城市"], ["秭归县", "远安县", "枝江市"], ["枣阳市", "老河口市", "谷城县"]]];

var num1 = 0;

var num2 = 0;

$(function () {

//循环出省

for (var i = 0; i < aProvince.length; i++) {

$("#selProvince").append(" " + aProvince[i] + "");

}

$("#selProvince").change(function () {

$("#selCity").children("option").not(":eq(0)").remove();//去掉叠加 清空 但不包括 请选择

$("#selCounty").children("option").not(":eq(0)").remove();//把请选择留着 其余的移除掉

num1 = parseInt($(this).children("option:selected").index());//获取索引值

if (num1 > 0) {

var ac = aCity[num1 - 1];//去掉请选择

for (var i = 0; i < ac.length; i++) {

$("#selCity").append(" " + ac[i] + "");

}

}

});

$("#selCity").change(function () {

$("#selCounty").children("option").not(":eq(0)").remove();//把请选择留着 其余的移除掉

num2 = parseInt($(this).children("option:selected").index());//获取索引值

if (num2 > 0) {

var ac = aCountry[num1 - 1][num2 - 1];//去掉请选择

for (var j = 0; j < ac.length; j++) {

$("#selCounty").append(" " + ac[j] + "");

}

}

});

});