// clear dropdown list
function clear(id) {
	$("#"+id).empty("option")
		.append($("<option />"));
}

// on change city
$(function(){
	$("select#cityid").change(function(){
		clear("suburbid");
		clear("postcodeid");
		$.getJSON("data_caretaker.php",{act: 'getSuburb', id: $(this).val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("select#suburbid").html(options);
		})
	})
})
// on change suburb
$(function(){
	$("select#suburbid").change(function(){
		clear("postcodeid");
		$.getJSON("data_caretaker.php",{act: 'getPostcode', id: $(this).val(), id2: $("#cityid").val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("select#postcodeid").html(options);
		})
	})
})