cari.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/highslide.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.tablescroll.css"/>
<link rel="shortcut icon" href="images/favicon.ico" />
<script type="text/javascript" src="js/utilities.js"></script>
<script type="text/javascript" src="js/highslide-with-html.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script language="javascript">
function Load(data,primid){
    $('#loading'+data).empty().append('<img src="img/ajax-loader.gif"/>');
    $.post("data.php",{tipe:data,id:primid},
    function(result){
        $('#cb'+data).empty();
        if(result.error==undefined){ //cek ada error atau ngga,klo ga ada lanjut
            $('#cb'+data).append('<option>---Pilih Data---</option>');
            for(var i=0;i<=result.length;i++){
                $('#cb'+data).append($('<option></option>').val(result[i].id).text(result[i].nama));
            }
        }else{
            $('#loading'+data).empty().append('Data tidak ditemukan');
            //alert(result.error);
        }
    },'json'
    );
    $('#loading'+data).empty();
}

$(function(){
    Load('kecamatan',0);

    $('#cbkecamatan').change(
        function(){
            if($('#cbkecamatan option:selected').val() !=''){
                Load('desa',$('#cbkecamatan option:selected').val());
            }
        }
    );

    $('#cbdesa').change(
        function(){
            if($('#cbdesa option:selected').val() !=''){
                Load('dusun',$('#cbdesa option:selected').val());
            }
        }
    );
});
</script>
<script type="text/javascript">
hs.graphicsDir = 'http://localhost/penduduk/images/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<title>Sistem Informasi Kemiskinan Kab. Ciamis</title>
</head>
<body>

<div id="judul2">
<table>
    <tr>Pencarian</tr>
</table>
</div>
<div id="widget">
    <form method="post" action="#" class="form-horizontal">
    <label class="username">NIK</label><br>
    <input class="input" type="text" name="txtnik" placeholder="Masukkan NIK"><br>
    <label class="password">Nama</label><br>
    <input class="input" type="password" name="txtnama" placeholder="Masukkan Nama"><br>


    <select id="cbkecamatan"></select>
    <select id="cbdesa"></select>
    <select id="cbdusun"></select>

    <button type="submit" name="submit" class="btn2">Cari</button>
</form>
</div>
</body>
</html>