Skip to main content

Membuat Combo berantai dalam satu database.

Simpan dalam dpl_data.php

<form method="POST" action="dkkn_tambah_simpan.php">

<tbody>
<tr> <input type="text" value="<?php echo $_GET['angkatan']; ?>" id="angkatan" name="angkatan" /></tr>

<tr><td>Nama DPL</td><td>:

<select name="nama" id="nama">
    <option value="">- Pilih Nama Dosen -</option>
   
    <!-- looping data nama -->
    <?php
    $sql_dosen="select * from tbdos";
    $q=$mysqli->query($sql_dosen);
    while($row_dosen=mysqli_fetch_array($q)){
   
    ?>
        <option value="<?php echo $row_dosen["nip"] ?>"><?php echo $row_dosen["nip"] ." - " . $row_dosen["nama"] ?></option>
   
    <?php
    }
    ?>
</select>

    &nbsp;&nbsp;&nbsp;<img src="loader.gif" width="10px" height="10px" id="imgLoad" style="display:none">
    <br>

<tr><td>NIK Dosen</td><td>: 
 <select name="kota" id="kota">
    <!-- hasil data dari cari_dosen.php akan ditampilkan disini ----------------------------------------------->
</select>


<tr><td>Type KKN</td><td>:
<select id="jenis" name ="jenis" />
<option value="Reguler 1" placeholder="Reguler I">Reguler 1
<option value="Reguler 2" placeholder="Reguler I">Reguler 2
<option value="Tematik" placeholder="Reguler I">Tematik
&nbsp;&nbsp;&nbsp;<img src="loader.gif" width="10px" height="10px" id="imgLoad" style="display:none">
</select>
</td></tr>

<tr><td>Tahun Akademik</td><td>:
<select id="tahun_akademik" name ="tahun_akademik" />
<?php include ("menu/listtakalender.php"); ?>
</select>
</td></tr>

<tr><td>Semester</td><td>:
<select  id="semester" name ="semester" />
<option placeholder="Pilih Semester">- Pilih Semester Ganjil/Genap
<option value="1" placeholder="">Ganjil
<option value="2" placeholder="">Genap
<option value="2" placeholder="">Antar Waktu
</select>
</td></tr>
</tbody>
</table>
<button type="submit" id="submit" class="btn btn-small btn-warning" ><a href="javascript:void(0)"></a><i class="icon-upload"></i> Simpan</button>

</form>



=============


Paling bawah ditambah script:
<script>
 
    $("#nama").change(function(){
 
        // variabel dari nilai combo box nama
        var nik = $("#nama").val();
     
        // tampilkan image load
        $("#imgLoad").show("");
     
        // mengirim dan mengambil data
        $.ajax({
            type: "POST",
            dataType: "html",
            url: "menu/cari_dosen.php",
            data: "prov="+nik,
            success: function(msg){
             
                // jika tidak ada data
                if(msg == ''){
                    alert('Tidak ada data Dose ');
                }
             
                // jika dapat mengambil data,, tampilkan di combo box kota
                else{
                    $("#kota").html(msg);                                                    
                }
             
                // hilangkan image load
                $("#imgLoad").hide();
            }
        });  
    });
</script>

Simpan dalam menu/cari_dosen.php
<?php
// server info
$server = 'localhost';
$user = 'root';
$pass = '';
$db = 'simpeg';

// connect to the database
$mysqli = new mysqli($server, $user, $pass, $db);

// show errors (remove this line if on a live site)
mysqli_report(MYSQLI_REPORT_ERROR);

?>  
<?php

 
    $sql_dosen1="select * from tbdos where nip='".$_POST["prov"]."'";
    $q=$mysqli->query($sql_dosen1);
    while($row_dosen1=mysqli_fetch_array($q)){
 
    ?>
        <option value="<?php echo $row_dosen1["nip"] ?>"><?php echo $row_dosen1["nip"] ?></option><br>
 
    <?php
    }
    ?>

Comments

Popular posts from this blog

Menggenerate nomor id

<?php //config $database = "dopo"; $tabel = "po"; $kolom_generate ="id"; $kolom_referensi = "id"; /* Database connection start */ $servername = "localhost"; $username = "root"; $password = ""; $dbname = $database; $mysqli = mysqli_connect($servername, $username, $password, $dbname) or die("Connection failed: " . mysqli_connect_error()); $q1 = "select * from $tabel order by $kolom_referensi DESC"; /* Database connection end */ echo '<table>'; // connect to the database // number of results to show per page $per_page = 10000; // figure out the total pages in the database if ($result = $mysqli->query($q1)) { if ($result->num_rows != 0) { $total_results = $result->num_rows; // ceil() returns the next highest integer value by rounding up value if necessary $total_pages = ceil($total_results / $per_page); // check if the 'page' variab...

CRUD dengan vue.js

pada tutorial kali ini kita akan belajar cara menampilkan data mengunakan  Vue JS  di framework  Codeigniter,  di dutorial sebelumnya kita sudah mempelajari cara Crud mengunakan Vue JS dan Codeigniter, kalian bisa lihat tutorialnya disini  CRUD CODEIGNITER DAN VUE JS  . kali ini kita akan mencoba menampilkan data yang ada pada database dengan framwork codeigniter dan vue js, untuk koneksi database di codeigniter adalah : <?php defined('BASEPATH') OR exit('No direct script access allowed'); $active_group = 'default'; $query_builder = TRUE; $db['default'] = array(     'dsn'    => '',     'hostname' => 'localhost',     'username' => 'root',     'password' => 'root',     'database' => 'civue',     'dbdriver' => 'mysqli',     'dbprefix' => '',     'pconnect' => FALSE,     ...