Menampilkan Data Dropdown Combo Box Saat Edit Data PHP - Mari Belajar Coding

11 Mei 2019

Menampilkan Data Dropdown Combo Box Saat Edit Data PHP


Menampilkan Data Dropdown Combo Box Saat Edit Data PHP

Selamat datang di blog Mari belalar coding. Pada tutorial kali ini kita akan belajar membuat sebuah form edit data dropdown atau combo box dimana data atau value dropdown sendiri akan terisi otomatis sesuai data yang telah di inputkan pertama kali pada database. 

Menampilkan Data Dropdown Combo Box Saat Edit Data PHP

1. Buat database terlebih dahulu. Contoh database akademik dengan dua tabel bernama tabel mahasiswa dan tabel jurusan.
-- Buat database akademik
CREATE DATABASE `akademik`;
USE `akademik`;
 
CREATE TABLE `mahasiswa` (
`nim` varchar(15),
`nama` varchar(40),
`alamat` text,
`jurusan` int(11),
PRIMARY KEY (`nim`)
);
 
CREATE TABLE `jurusan` (
`id_jurusan` varchar(11),
`jurusan` varchar(255),
PRIMARY KEY (`id_jurusan`)
);

2. Insert data kedalam tabel mahasiswa dan tabel jurusan.
INSERT INTO `mahasiswa` VALUES ('1234', 'Agung Saputra', 'Jakarta', '1');
INSERT INTO `mahasiswa` VALUES ('12355', 'Angga', 'Bandung', '2');

INSERT INTO `jurusan` VALUES ('1', 'Teknik Informatika');
INSERT INTO `jurusan` VALUES ('2', 'Sistem Informasi');
INSERT INTO `jurusan` VALUES ('3', 'Manajemen Informatika');

Baca juga : Simpan Data Multiple Combobox dengan PHP

3. Setelah data berhasil di inputkan, selanjutnya membuat sebuah koneksi dengan php untuk menghubungkan dengan database.
<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>

4. Buat tabel dengan html dan php untuk menampilkan data dari database.
<table border="1">
 <thead>
  <tr>
   <th>NIM</th>
   <th>Nama</th>
   <th>Alamat</th>
   <th>Jurusan</th>
   <th></th>
  </tr>
 </thead>
 <tbody>
  <?php
   $query="SELECT
     mahasiswa.nim,
     mahasiswa.nama,
     mahasiswa.alamat,
     jurusan.jurusan
     FROM
     mahasiswa
     INNER JOIN jurusan ON jurusan.id_jurusan = mahasiswa.jurusan";
   $sql=mysql_query($query);
   while ($data=mysql_fetch_array($sql)) {
  ?>
   <tr>
    <td><?=$data['nim']?></td>
    <td><?=$data['nama']?></td>
    <td><?=$data['alamat']?></td>
    <td><?=$data['jurusan']?></td>
    <td><a href="edit.php?nim=<?=$data['nim']?>">Edit</a></td>
   </tr>
  <?php
   }
  ?>  
 </tbody>
</table>

Baca juga:  Membuat Validasi Form dengan JQuery Form Validator

5. Kode lengkap seperti dibawah ini.
<!DOCTYPE html>
<html>
<head>
  <title>maribelajarcoding.com</title>
<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>
</head>
<body>
<table border="1">
 <thead>
  <tr>
   <th>NIM</th>
   <th>Nama</th>
   <th>Alamat</th>
   <th>Jurusan</th>
   <th></th>
  </tr>
 </thead>
 <tbody>
  <?php
   $query="SELECT
     mahasiswa.nim,
     mahasiswa.nama,
     mahasiswa.alamat,
     jurusan.jurusan
     FROM
     mahasiswa
     INNER JOIN jurusan ON jurusan.id_jurusan = mahasiswa.jurusan";
   $sql=mysql_query($query);
   while ($data=mysql_fetch_array($sql)) {
  ?>
   <tr>
    <td><?=$data['nim']?></td>
    <td><?=$data['nama']?></td>
    <td><?=$data['alamat']?></td>
    <td><?=$data['jurusan']?></td>
    <td><a href="edit.php?nim=<?=$data['nim']?>">Edit</a></td>
   </tr>
  <?php
   }
  ?>  
 </tbody>
</table>
</body>
</html>

6. Tampilan jika program dijalankan.

Menampilkan Data Dropdown Combo Box Saat Edit Data PHP

7. Buat file edit.php untuk membuat sebuah form edit.
<!DOCTYPE html>
<html>
<head>
  <title>maribelajarcoding.com</title>
<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>
</head>
<body>
 <table>
  <?php
   $nim=$_GET['nim'];
   $query="SELECT * FROM mahasiswa WHERE nim='".$nim."'";
   $sql=mysql_query($query);
   $data=mysql_fetch_array($sql);
  ?>
  <form method="POST">
   <tr>
    <td>NIM</td>
    <td><input type="text" name="nim" id="nim" value="<?=$data['nim']?>"></td>
   </tr>
   <tr>
    <td>Nama</td>
    <td><input type="text" name="nama" id="nama" value="<?=$data['nama']?>"></td>
   </tr>
   <tr>
    <td>Jurusan</td>
    <td>
     <select name="jurusan" id="jurusan">
      <?php
       $query_jurusan="SELECT * FROM jurusan";
       $sql_jurusan=mysql_query($query_jurusan);
       while ($data_jurusan=mysql_fetch_array($sql_jurusan)) {
        if ($data['jurusan']==$data_jurusan['id_jurusan']) {
         $select="selected";
        }else{
         $select="";
        }
        echo "<option $select>".$data_jurusan['jurusan']."</option>";
       }
      ?>      
     </select>
    </td>
   </tr>
   <tr>
    <td>Alamat</td>
    <td><textarea name="alamat" id="alamat"><?=$data['alamat']?></textarea></td>
   </tr>
   <tr>
    <td></td>
    <td><input type="submit" name="simpan" value="Simpan"></td>
   </tr>
  </form>
 </table>
</body>
</html>

Keterangan:
Untuk membuat combo box terisi otomatis seperti data pertama kali di inputkan, kita perlu membuat sebuah kondisi. Jika data jurusan dari tabel mahasiswa sama dengan data tabel jurusan maka di kasih selected agar combobox otomatis terpilih. lihat bagian yang di beri highlight.

8. Tampilan jika edit.php dijalankan.
Menampilkan Data Dropdown Combo Box Saat Edit Data PHP



Related search:
Edit data combobox terpilih di form edit PHP MySQL
Menampilkan data combo box pada saat edit data
Combobox otomatis terpilih ketika update atau edit data

Related Posts

Load comments