Pada studi kasus kali ini, kita akan mencoba untuk
menampilkan data-data yang telah berada di dalam database ke dalam sebuah
combobox menggunakan perintah-perintah PHP dan MySQL. Hal ini dikarenakan, pada
studi kasus tertentu, akan sangat dibutuhkan untuk memunculkan data tertentu di
dalam combobox.
Dalam bahasa HTML, combobox di munculkan ke dalam
halaman website dengan menggunakan tag <select> dan tag <option> dimana isiannya sendiri
biasanya diinput manual. Seperti misalnya :
<select
name=”buku”>
<option value=”1”>PHP
untuk Pemula</option>
<option value=”2”>PHP dan
MySQL</option>
<option value=”3”>HTML5</option>
</select>
Namun pada kali ini kita akan mencoba membuatnya
lebih dinamis dengan menggunakan data-data yang berada di dalam database. Untuk
itu, sebelum memulai, pastikan data pada tabel tertentu yang berada di database
telah terisi. Karena data tersebut yang akan kita tampilkan pada combobox.
Misalnya data yang di atas yang akan kita hubungkan
dengan combobox.
Maka script yang akan kita tulis akan seperti ini :
<select
name="id_buku">
<option>- Pilih Salah Satu
-</option>
<?php
$koneksi =
mysqli_connect('localhost','root','','tokobuku');
$ambil_data_buku=
mysqli_query($koneksi, "SELECT id_buku, judul from buku");
while($row=mysqli_fetch_array($ambil_data_buku)){
echo"<option
value=",$row['id_buku'],">",$row['judul'],"</option>"; }
?>
</select>
Bisa dilihat bahwa yang akan kita lakukan adalah
melakukan koneksi dengan local server dan database dengan menggunakan perintah mysqli_connect('localhost','root','','tokobuku');
yang diisi didalam variabel $koneksi.
Setelah itu dilanjutkan dengan perintah-perintah
untuk menampilkan data-data yang berada pada tabel di dalam database. Yaitu:
$ambil_data_buku= mysqli_query($koneksi, "SELECT id_buku, judul
from buku");
while($row=mysqli_fetch_array($ambil_data_buku)){
echo"<option
value=",$row['id_buku'],">",$row['judul'],"</option>"; }
Untuk lebih lengkapnya. Script yang dapat kita
tulis adalah :
<html><head><title>combobox</title></head><body>
<form
action="insert_pasok.php" method="post">
<table>
<tr>
<th colspan="3"
align="center">INPUT PASOK</th>
</tr>
<tr>
<td>NAMA DISTRIBUTOR</td>
<td>:</td>
<td><select
name="id_distributor"><option>- Pilih Salah Satu -
</option>
<?php
$koneksi = mysqli_connect('localhost','root','','tokobuku');
$ambil_data_distributor=
mysqli_query($koneksi, "SELECT id_distributor, nama_distributor from
distributor");
while($row=mysqli_fetch_array($ambil_data_distributor)){
echo"<option
value=",$row['id_distributor'],">",$row['nama_distributor'],"</option>"; }
?>
</select>
</td>
</tr>
<tr>
<td>JUDUL BUKU</td>
<td>:</td>
<td><select
name="id_buku">
<option>-
Pilih Salah Satu -</option>
<?php
$ambil_data_buku=
mysqli_query($koneksi, "SELECT id_buku, judul from buku");
while($row=mysqli_fetch_array($ambil_data_buku)){
echo"<option
value=",$row['id_buku'],">",$row['judul'],"</option>"; }
?>
</select></td>
</tr>
<tr>
<td>JUMLAH</td>
<td>:</td>
<td><input type="text"
name="jumlah" size="3"></td>
</tr>
<tr>
<td>TANGGAL</td>
<td>:</td>
<td><input type="date"
name="tanggal"></td>
</tr>
<tr>
<td></td><td></td>
<td><input type="submit"
value="SIMPAN">
<input type="reset"
value="RESET">
</td>
</tr>
</table>
</form>
<body></html>
Hasil scriptnya adalah sebagai berikut :
No comments:
Post a Comment