Java读取xml省市区三级联动_用js读取XML数据实现省市区的三级联动

/**

* jQuery ：  省市县联动插件

* @author ：  liangjw

* @email ：   liangjw0504@163.com

* @example  $("#test").province_city_county();

* CopyRight：Create Family Wealth 2013

*/

$.fn.province_city_county = function (v_province, v_city, v_county) {

var _self = this;

//插入3个空的下拉框

_self.html("" +

"" +

"");

//分别获取3个下拉框

var sel1 = _self.find("select").eq(0);

var sel2 = _self.find("select").eq(1);

var sel3 = _self.find("select").eq(2);

//定义3个默认值

_self.data("province", ["请选择", ""]);

_self.data("city", ["请选择", ""]);

_self.data("county", ["请选择", ""]);

//默认省级下拉

if (_self.data("province")) {

sel1.append("" + _self.data("province")[0] + "");

}

//默认城市下拉

if (_self.data("city")) {

sel2.append("" + _self.data("city")[0] + "");

}

//默认县区下拉

if (_self.data("county")) {

sel3.append("" + _self.data("county")[0] + "");

}

$.get('province_city/province_city.xml', function (data) {

var arrList = [];

$(data).find('province').each(function () {

var $province = $(this);

sel1.append("" + $province.attr('value') + "");

});

if (typeof v_province != 'undefined') {

sel1.val(v_province);

sel1.change();

}

});

//省级联动控制

var index1 = "";

var provinceValue = "";

var cityValue = "";

sel1.change(function () {

//清空其它2个下拉框

sel2[0].options.length = 0;

sel3[0].options.length = 0;

index1 = this.selectedIndex;

if (index1 == 0) {//当选择的为 "请选择" 时

if (_self.data("city")) {

sel2.append("" + _self.data("city")[0] + "");

}

if (_self.data("county")) {

sel3.append("" + _self.data("county")[0] + "");

}

} else {

provinceValue = $('#province').val();

$.get('province_city/province_city.xml', function (data) {

$(data).find("province[code='" + provinceValue + "'] > city").each(function () {

var $city = $(this);

sel2.append("" + $city.attr('value') + "");

});

cityValue = $("#city").val();

$(data).find("city[code='" + cityValue + "'] > county").each(function () {

var $county = $(this);

sel3.append("" + $county.attr('value') + "");

});

if (typeof v_city != 'undefined') {

sel2.val(v_city);

sel2.change();

}

if (typeof v_county != 'undefined') {

sel3.val(v_county);

}

});

}

}).change();

//城市联动控制

sel2.change(function () {

sel3[0].options.length = 0;

var cityValue2 = $('#city').val();

$.get('province_city/province_city.xml', function (data) {

$(data).find("city[code='" + cityValue2 + "'] > county").each(function () {

var $county = $(this);

sel3.append("" + $county.attr('value') + "");

});

if (typeof v_county != 'undefined') {

sel3.val(v_county);

}

});

}).change();

return _self;

};