ajax를 이용한 시/도, 구/군, 동(주소검색) 셀렉트 박스 > 공책

<div class="ajsx_sido">
	시/도, 구/군 ajax 
	<select name="sido" id="sido" required>
		<option value="">시/도</option>
		<?php for ($i=0; $row=sql_fetch_array($result); $i++) { ?>
		<option value="<?php echo $row['sido']; ?>"><?php echo $row['sido']; ?></option>
		<?php } ?>
	</select>

	<select name="gugun" id="gugun" required>
		<option value="">구/군</option>
	</select>

	<select name="dong" id="dong" required>
		<option value="">읍/면/동</option>
	</select>
</div>

<script>
$(document).ready(function() {
	$('#sido').on('change', function(){
		var sido = $("#sido").val();

		$.ajax({
			url: "<?php echo G5_BBS_URL; ?>/ajax.gugun.php",
			dataType: 'text',
			type: 'post',
			data:{
				'sido':sido
			},
			success: function(data) {
				$('#gugun').empty();
				$('#gugun').append('<option value="">선택하세요</option>');
				$('#gugun').append(data);
			}
		});			
	});

	$('#gugun').on('change', function(){
		var sido = $("#sido").val();
		var gugun = $("#gugun").val();

		$.ajax({
			url: "<?php echo G5_BBS_URL; ?>/ajax.dong.php",
			dataType: 'text',
			type: 'post',
			data:{
				'sido':sido,
				'gugun':gugun
			},
			success: function(data) {
				$('#dong').empty();
				$('#dong').append('<option value="">선택하세요</option>');
				$('#dong').append(data);
			}
		});
	});
});
</script>


<?php
//ajax.dong.php
include_once('./_common.php');

if($gugun) {

$sql = " select dong from {$g5['zip_table']} where (INSTR(sido, '$sido')) and (INSTR(gugun, '$gugun'))  group by dong asc";
$result = sql_query($sql);

$option = '';

while ($row = sql_fetch_array($result)) {
	if($gugun != $row['dong']) {
		$option = $option."<option value='".$row['dong']."'>".$row['dong']."</option>";
	}
}
echo $option;
}
?>

<?php
//ajax.gugun.php
include_once('./_common.php');

if($sido) {
	$sql = " select gugun from {$g5['zip_table']} where (INSTR(sido, '$sido')) group by gugun asc";
	$result = sql_query($sql);

	$option = '';

	while ($row = sql_fetch_array($result)) {
		$option = $option."<option value='".$row['gugun']."'>".$row['gugun']."</option>";
	}
	echo $option;
}
?>