eletter-backup/app/master/pejabat/modal.php

<?php 
include ('../../koneksi.php');
$id=$_POST['id'];
$data=pg_query("SELECT u.*,p.nama,p.nipb,s.nama,a.nama,a.password
    FROM data_kepala u 
    INNER JOIN data_pegawai p ON (p.id=u.data_pegawai_id)
    INNER JOIN jabatan_pegawai s ON (s.id=p.jabatan_pegawai_id)
    LEFT OUTER JOIN data_user a ON (u.id=a.data_kepala_id)
    WHERE u.id='$id'");
while($row=pg_fetch_array($data)) {
  $id=$row['id'];
  $pangkat=$row['pangkat'];
  $data_pegawai_id=$row['data_pegawai_id'];
  $aktif=$row['aktif'];
  $nama=$row[8];
  $nipb=$row[9];
  $jabatan=$row[10];
  $userlogin=$row[11];
  $password=$row[12];
}
?>


                                    <form role="form">
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Jabatan</label>
                                            <input type="text" list="browsers2" name="browser2" class="form-control" id="kepala_jabatan" value="<?php echo $jabatan; ?>">
                                            <datalist id="browsers2">
                                            <?php
                                                $userpeg=pg_query("SELECT nama,id FROM jabatan_pegawai
                                                    ORDER BY nama ASC");
                                                while($rows=pg_fetch_assoc($userpeg)) {                                 
                                            ?>
                                                <option id_ms_pegawaiC="<?php echo($rows['id']);?>" value="<?php echo $rows['nama']; ?>">
                                            <?php 
                                                } 
                                            ?>
                                        </datalist>
                                        </div>

                                        <div class="form-group">
                                        <label for="exampleInputEmail1">Nama Pejabat</label>
                                        <input type="hidden" value="<?php echo $id; ?>" id="id_ms_pejabat">
                                        <input type="text" class="form-control" list="browsers1" name="browser1" id="kepala_nama" value="<?php echo $nama; ?>" disabled>
                                        <datalist id="browsers1">
                                            
                                            <?php
                                                $userpeg=pg_query("SELECT nama,id FROM data_pegawai WHERE aktif='t'
                                                    ORDER BY nama ASC");
                                                while($rows=pg_fetch_assoc($userpeg)) {                                 
                                            ?>
                                                <option id_ms_pegawaiB="<?php echo($rows['id']);?>" value="<?php echo $rows['nama']; ?>">
                                            <?php 
                                                } 
                                            ?>
                                        </datalist>
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail1">NIP</label>
                                            <input type="email" class="form-control" id="nip" value="<?php echo $nipb; ?>" disabled>
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Pangkat</label>
                                            <input type="text" class="form-control" value="<?php echo $pangkat; ?>" id="pangkat" >
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Aktif</label>
                                            <select class="form-control" id="kepala_aktif">
                                              <option></option>
                                              <option <?php if ($aktif=='t') {echo "selected";} ?> value="1">AKTIF</option>
                                              <option <?php if ($aktif=='f') {echo "selected";} ?> value="0">OFF</option>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail1">User Login</label>
                                            <input type="text" class="form-control" value="<?php echo $userlogin; ?>" id="userlogin" >
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Password</label>
                                            <input type="text" class="form-control" value="<?php echo $password; ?>" id="password" >
                                        </div> 

                                    </form>

                                    
<script>

    
    $("#kepala_jabatan").change(function(){
        var imp5 = $("#kepala_jabatan").val();
        var z5 = $('#browsers2');
        var val5 = $(z5).find('option[value="' + imp5 + '"]');
        var a = val5.attr('id_ms_pegawaiC');
        var key = "list_jabatan";
        if (!a) {
            alert('Jabatan tidak terdaftar..');
            $('#nip').val('');
            $('#kepala_nama').val('');
            $('#pangkat').prop('disabled',true);
            $('#kepala_jabatan').val('');
            $('#kepala_jabatan').first().focus().selected();
        } else {
            $.ajax({
                type: "POST",
                url: "app/master/pejabat/crud.php",
                data: 'jabatan_pegawai_id='+a               
                +'&key='+key,
                success: function(data){
                    var chars = data.split('$%^');
                    $('#nip').val(chars[0]);
                    $('#kepala_nama').val(chars[1]);
                    $('#pangkat').prop('disabled',false);
                    $('#pangkat').first().focus().selected();
                }
            }); 
        }
    });

    $("#kepala_aktif").focusin(function(){
        var imp5 = $("#kepala_jabatan").val();
        var z5 = $('#browsers2');
        var val5 = $(z5).find('option[value="' + imp5 + '"]');
        var a = val5.attr('id_ms_pegawaiC');
        if (!a) {
          $('#kepala_jabatan').first().focus().selected();
        }
    });

    $("#kepala_nama").change(function(){
        var imp4 = $("#kepala_nama").val();
        var z4 = $('#browsers1');
        var val4 = $(z4).find('option[value="' + imp4 + '"]');
        var a = val4.attr('id_ms_pegawaiB');

        var key = "list_kepala";
        if (!a) {
            alert('Pegawai tidak terdaftar..');
            $('#nip').val('');
            $('#kepala_jabatan').val('');
            $('#pangkat').prop('disabled',true);
            $('#kepala_nama').first().focus().selected();
        } else {
            $.ajax({
                type: "POST",
                url: "app/master/pejabat/crud.php",
                data: 'id_ms_pegawai='+a               
                +'&key='+key,
                success: function(data){
                    var chars = data.split('$%^');
                    $('#nip').val(chars[0]);
                    $('#kepala_jabatan').val(chars[1]);
                    $('#pangkat').prop('disabled',false);
                    $('#pangkat').first().focus().selected();
                }
            }); 
        }
    });
</script>