Ajax를 이용한 SelectBox option 삽입 > 공책

<select name="sido" id="sido">
	<option>시/도선택</option>
	<?php for($i;$i<=count($배열이름);$i++) {
		echo '<option value="'.$배열[$i].'">'.$배열[$i].'</option>';
	} ?>
</select>

<select name="gugun" id="gugun">
</select>

<script>
$(document).ready(function(){
	$('#sido').on('change', function(){ 
		var idx = $("#sido option").index( $("#sido option:selected") );
		var path  = window.location.href;
		$.post("./ajax.address.php",{option_idx:idx}, function(data) {
			$('#gugun').empty();
			$('#gugun').append('<option value="">시/도선택</option>');
			$('#gugun').append(data);
		});
	});

	<?php if($w=='u') { ?>
		$("#sido").val("<?php echo $sido; ?>").prop("selected", true);

		var idx = $("#sido option").index( $("#sido option:selected") );
		var path  = window.location.href;
		$.post("./ajax.address.php",{option_idx:idx}, function(data) {
			$('#gugun').empty();
			$('#gugun').append('<option value="">구/군선택</option>');
			$('#gugun').append(data);
			$("#gugun").val("<?php echo $gugun; ?>").prop("selected", true);
		});
	<?php } ?>
});
</script>


//ajax.address.php
<?php
include_once('./_common.php');
$idx = $_POST['option_idx'];
$options="";

$options = explode('|',$배열이름);

for($i=0;$i<sizeof($options);$i++) {
    $options=$options.'<option value="'.$options[$i].'">'.$options[$i].'</option>';
}
echo $options;
?>