<?php
date_default_timezone_set('Asia/Jakarta'); // reference => http://www.php.net/manual/en/timezones.php
include_once("idterritory.php");
$idt = new IDTerritory;
$data = $idt::getData("000000",1);
?>
<!doctype html>
<html>
<head>
<title>Data Wilayah Indonesia</title>
<script tyep="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script tyep="text/javascript">
$(document).ready(function(){
$(".data-wilayah select").change(function(){
var id_wilayah = $(this).attr('id');
var kode_wilayah = $(this).val();
if(id_wilayah!='kelurahan') {
updateData(id_wilayah, kode_wilayah);
}
})
});
function updateData(id_wilayah, kode_wilayah) {
if(id_wilayah=='propinsi') {
$("#kota").empty().prepend('<option value="">-- Pilih Nama Kabupaten/Kota --</option>');
}
if(id_wilayah=='propinsi' || id_wilayah=='kota') {
$("#kecamatan").empty().prepend('<option value="">-- Pilih Nama Kecamatan --</option>');
}
if(id_wilayah=='propinsi' || id_wilayah=='kota' || id_wilayah=='kecamatan') {
$("#kelurahan").empty().prepend('<option value="">-- Pilih Nama Desa/Kelurahan --</option>');
}
if(kode_wilayah!="") {
$.post('update_form.php',{
update: kode_wilayah
}, function(data) {
// alert(data);
var data = jQuery.parseJSON(data);
if(data.status==1) {
var obj = '#kota';
if(id_wilayah=='kota') {
obj = '#kecamatan';
} else if(id_wilayah=='kecamatan') {
obj = '#kelurahan';
}
$(obj).append(data.content);
}
});
}
}
</script>
</head>
<body>
<h3>Data Wilayah Indonesia</h3>
<form id="territory">
<p class="data-wilayah"><label for="propinsi">Propinsi</label> <select id="propinsi">
<option value="">-- Pilih Nama Propinsi --</option>
<?php
if(count($data)>0) {
foreach ($data as $data) {
$nama = $data['nama'];
$kode_wilayah = $data['kode_wilayah'];
echo '<option value="'.$kode_wilayah.'">'.$nama.'</option>';
}
}
?>
</select></p>
<p class="data-wilayah"><label for="kota">Kabupaten/Kota</label> <select id="kota">
<option value="">-- Pilih Nama Kabupaten/Kota --</option>
</select></p>
<p class="data-wilayah"><label for="kecamatan">Kecamatan</label> <select id="kecamatan">
<option value="">-- Pilih Nama Kecamatan --</option>
</select></p>
<p class="data-wilayah"><label for="kelurahan">Desa/Kelurahan</label> <select id="kelurahan">
<option value="">-- Pilih Nama Desa/Kelurahan --</option>
</select></p>
</form>
</body>
</html>
|
Download
