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><!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.
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.
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
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.
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