Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <div class="container">
- <div class="row"><br/>
- <div class="col-md-12">
- <label>Provinsi</label>
- <select autocompelete="off" onchange="getkabkot()" name="provinsi" id="provinsi" class="form-control">
- <option value="">Pilih Provinsi</option>
- <?php
- $data_prov = $gen_model->GetWhere('provinces');
- while($list = $data_prov->FetchRow()){
- foreach($list as $key=>$val){
- $key=strtolower($key);
- $$key=$val;
- } ?>
- <option value="<?php echo $id ?>"><?php echo $name ?></option>
- <?php } ?>
- </select>
- </div>
- </div>
- <div class="row"><br/>
- <div class="col-md-12">
- <label>Kota / Kabupaten</label>
- <select autocompelete="off" onchange="getkecamatan()" name="kabkot" id="kabkot" class="form-control">
- <option value="">Pilih Kota / Kabupaten</option>
- </select>
- </div>
- </div>
- <div class="row"><br/>
- <div class="col-md-12">
- <label>Kecamatan</label>
- <select autocompelete="off" onchange="getkelurahan()" name="kecamatan" id="kecamatan" class="form-control">
- <option value="">Pilih Kecamatan</option>
- </select>
- </div>
- </div>
- <div class="row"><br/>
- <div class="col-md-12">
- <label>Kelurahan</label>
- <select autocompelete="off" name="kelurahan" id="kelurahan" class="form-control">
- <option value="">Pilih Kelurahan</option>
- </select>
- </div>
- </div>
- </div>
- <br/>
- <table style="width:50%" class="table table-bordered" id="table_kabkot">
- <tr>
- <td>ID Kabkot</td>
- <td>Nama Kabkot</td>
- </tr>
- </table>
- <script type="text/javascript">
- function getkabkot(){
- var prov = $("#provinsi").val();
- if(prov!=""){
- $.ajax({
- url: '<?php echo $basepath ?>ajax/getkabkot',
- type: 'POST',
- dataType: 'html',
- data: 'id_prov='+prov,
- success: function(getdata) {
- $("#table_kabkot").html(getdata);
- $("#kecamatan").html("");
- $("#kelurahan").html("");
- }
- });
- }
- else {
- $("#kabkot").html("");
- $("#kecamatan").html("");
- $("#kelurahan").html("");
- }
- }
- function getkecamatan(){
- var kabkot = $("#kabkot").val();
- if(kabkot!=""){
- $.ajax({
- url: '<?php echo $basepath ?>ajax/getkecamatan',
- type: 'POST',
- dataType: 'html',
- data: 'id_kabkot='+kabkot,
- success: function(getdata) {
- $("#kecamatan").html(getdata);
- $("#kelurahan").html("");
- }
- });
- }
- else {
- $("#kecamatan").html("");
- $("#kelurahan").html("");
- }
- }
- function getkelurahan(){
- var kecamatan = $("#kecamatan").val();
- if(kecamatan!=""){
- $.ajax({
- url: '<?php echo $basepath ?>ajax/getkelurahan',
- type: 'POST',
- dataType: 'html',
- data: 'id_kecamatan='+kecamatan,
- success: function(getdata) {
- $("#kelurahan").html(getdata);
- }
- });
- }
- else {
- $("#kelurahan").html("");
- }
- }
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement