数据交互 -- 初始化省市区

// 初始化省
function init_province () {
	var province_str = '';
	province_str += '<li class="hz-border-b" data-province="0">全国</li>';

	for ( var o in provs_data ) {
		province_str += '<li class="hz-border-b" data-province="'+provs_data[o].value+'">'+provs_data[o].text+'</li>'
	}

	$(".grade-province").html(province_str);

	$(".grade-province li").click(function() {
		var id = $(this).attr('data-province');
		$(".grade-city").css('left', 33 + '%');

		init_city(id);

	});

}

// 初始化地区
function init_city (id) {
	var city_str = '';

	if ( id == '全国' ) {
		city_str += '<li class="hz-border-b" data-province="' + id + '" dat-city="0">全国</li>';
	} else {
		city_str += '<li class="hz-border-b" data-province="' + id + '" dat-city="0">全国</li>';
		for ( var c in citys_data[id] ) {
			city_str += '<li class="hz-border-b" data-province="'+ id +'" data-city="' + citys_data[id][c].value + '">' + citys_data[id][c].text + '</li>'
		}
	}

	$(".grade-city").html(city_str);
	$(".grade-city li").click(function() {
		$('.common-eject').removeClass("top-slide");

		// 更新数据
		var search_num = $(this).attr('data-province') + ',' + $(this).attr('data-city');

		alert(search_num);
	})

}

  

原文地址:https://www.cnblogs.com/zsongs/p/6005226.html