// JavaScript Document
//縣市及鄉鎮市區相關
$( document ).ready(function() {
   
	
	$(".cityClass").change(function() {		
		var cityName = $(this).attr('id');
		var cantonName = $(this).data('canton');
		console.log("cityName"+cityName);
		console.log("cantonName"+cantonName);
		changeAreaCantonForAjax(cityName,cantonName);
	});
	
	$(".cantonClass").change(function() {		
		var cantonName = $(this).attr('id');
		var zipName = $(this).data('zip');		
		console.log("cantonName"+cantonName);
		console.log("zipName"+zipName);
		changeAreaCantonZipForAjax(cantonName,zipName);
	});
	

});

//取得鄉鎮市區
function changeAreaCantonForAjax(cityName,cantonName){
	
	var cityId = $("#"+cityName).val();
	
	$.ajax({
	type: "POST",
	url: "ajax/ajax_area_canton.php",
	data: {  
			'cityId': cityId
			},
	dataType: "json",
	cache: false,
	success: function(data) {
	
		var courseObj = $('#'+cantonName);
		
		//Remove目前選擇的鄉鎮市區選單內容
		$("#"+cantonName+" option").remove();

		//初始值
		var optionDefault = new Option("鄉鎮市區", "");
		$('#'+cantonName).append(optionDefault);
		
		for (var i = 0; i < data.length; i++){
			
			var optionSub = new Option(data[i]['name'], data[i]['id']);
			$('#'+cantonName).append(optionSub);
		}
	
	}
	});	
}

//取得郵遞區號
function changeAreaCantonZipForAjax(cantonName,zipName)
{
	var cantonId = $("#"+cantonName).val();
	$.ajax({
		type: "POST",
		url: "ajax/ajax_area_zip.php",
		data: {  
			'cantonId': cantonId
		},
		dataType: "json",
		cache: false,
		success: function(data) {
			
			//將郵遞區號回填至表單中
			$("#"+zipName).val(data);
			
		}
	});
}