address.js 1.21 KB
/**
 * 省市区级联
 */

$(function(){
	/**省份*/
	$.getJSON('/pub/province', function(data) {
		var text = new Array();
		text.push('<option value="">请选择</option>');
		for (var i = 0; i < data.length; i++) {
			text.push('<option value="' + data[i].provinceId + '"');
			text.push('>' + data[i].province + '</option>');
		}
		$('#province').append(text.join(''));
	});
	
	/**城市*/
	$('#province').change(function() {
		$.getJSON('/pub/city/' + $(this).val(), function(data) {
			var text = new Array();
			text.push('<option value="">请选择</option>');
			for (var i = 0; i < data.length; i++) {
				text.push('<option value="' + data[i].cityId + '"');
				text.push('>' + data[i].city + '</option>');
			}
			$('#area').empty();
			$('#city').empty();
			$('#city').append(text.join(''));
		});
	});
	
	/**区/县*/
	$('#city').change(function() {
		$.getJSON('/pub/area/' + $(this).val(), function(data) {
			var text = new Array();
			text.push('<option value="">请选择</option>');
			for (var i = 0; i < data.length; i++) {
				text.push('<option value="' + data[i].areaId + '"');
				text.push('>' + data[i].area + '</option>');
			}
			$('#area').empty();
			$('#area').append(text.join(''));
		});
	});
})