Menampilkan data dari database dengan php combobox

Halo Sahabat Kelas Programmer kembali lagi saya melanjutkan pembahasan tutorial PHP bagi kalian yang sedang belajar untuk cara menampilkan data dari database ke combobox dengan PHP dan mysqli.

Baca juga : Menampilkan data dari Database dengan PHP

Saya tau bahwa topik ini bukanlah hal yang baru, telah banyak situs blog yang membahas tentang materi ini. Namun tidak ada salahnya bila saya juga ikut membahas untuk menambah wawasan dan pengetahuan kalian, khussnya pemula yang sedang belajar pemrograman PHP.

Topik kita kali ini tentang combo box atau dengan istilah lain dropdown select atau tag select. didalam html kita bisa membuat combo box seperti contoh berikut:

<select name="jurusan">
    <option value="TI">Teknik Informatika</option>
    <option value="SI">Sistem Informasi</option>
    <option value="MI"> Manajemen Informatika</option>
    <option value="TK">Teknik Komputer</option>
</select>

Menampilkan data dari database dengan php combobox

Combo box biasanya digunakan untuk memilih item tertentu pada suatu daftar pilihan. Misalnya pada contoh diatas terdapat daftar pilihan jurusan dan kita bisa memilih salah satu dari keempat jurusan tersebut.

Combobox yang saya buat diatas bersifat statis karena daftar pilihan optionnya di buat secara manual lewat sintak program. Bagaimana caranya kita membuat combobox dinamis yang mana pilihan optionnya di ambil dari database mysql. Ikuti langkah-langkah berikut ini:

Membuat Database

Tahap pertama kita buat dulu database nya. saya membuat database dengan nama akademik

create database akademik;

Gunakan database akademik dengan perintah

use akademik;

Selanjutnya saya buat tabel dengan nama jurusan didalam database akademik

create table jurusan (
     kode_jurusan char(2) not null primary key,
     nama_jurusan varchar(50) not null
     );

Selanjutnya kita masukan beberapa contoh data jurusan kedalam tabel jurusan

insert into jurusan (kode_jurusan,nama_jurusan)
values ('TI','Teknik Informatika'),
       ('SI','Sistem Informasi'),
       ('MI','Manajemen Informatika'),
       ('TK','Teknik Komputer');

Membuat File Combobox.php

Setelah kita berhasil membuat database dan tabel nya selanjutnya kita membuat file PHP dengan nama combobox.php

<!DOCTYPE html>
<html>
<head>
 <title>Menampilkan Data dari Database ke Combobox dengan PHP dan Mysqli</title>
</head>
<body>
<h3>Pilih Jurusan:</h3>
<select name="jurusan">
  <?php
   //Membuat koneksi ke database akademik
   $kon = mysqli_connect("localhost",'root',"","akademik");
   if (!$kon){
      die("Koneksi database gagal:".mysqli_connect_error());
   }
	
   //Perintah sql untuk menampilkan semua data pada tabel jurusan
    $sql="select * from jurusan";

    $hasil=mysqli_query($kon,$sql);
    $no=0;
    while ($data = mysqli_fetch_array($hasil)) {
    $no++;
   ?>
    <option value="<?php echo $data['kode_jurusan'];?>"><?php echo $data['nama_jurusan'];?></option>
  <?php 
	}
  ?>
</select>

</body>
</html>

Penjelasan:

Saya akan menjelaskan sedikit bagain-bagian sintak yang penting

Yang pertama kita punya bagian sintak untuk membuat koneksi ke database

$kon = mysqli_connect("localhost",'root',"","akademik");
   if (!$kon){
     die("Koneksi database gagal:".mysqli_connect_error());
   }
	

Untuk membuat koneksi databade degan PHP kita gunakan function mysqli_connect dengan parameter host yang kita gunakan, dalam hal ini adalah localhost, kemudian user kita pakai user root dan password kita kosongkan karena saya tidak menggunakan password, silahkan kalau database mysql kalian menggunakan password mohon di sesuaikan. dan parameter nama database, disini saya menggunakan database akademik.

Selanjutnya terdapat perintah sql untuk menampilkan semua data jurusan

$sql="select * from jurusan";

kemudia perintah query tersebut akan dieksekusi memakai fungsi mysqli_query

 $hasil=mysqli_query($kon,$sql);

Hasilnya akan disimpan dalam bentuk array, untuk menampilkannya kita gunakan perulangan while

  while ($data = mysqli_fetch_array($hasil))

Untuk menampilkan datanya kita tampilkan pada bagian <option> di combobox tersebut

 <option value="<?php echo $data['kode_jurusan'];?>"><?php echo $data['nama_jurusan'];?></option>

Setelah itu kita coba jalankan di browser, hasilnya akan seperti pada gambar berikut

Menampilkan data dari database dengan php combobox

Kalian sudah berhasil menampilkan data dari database ke combobox dengan PHP dan function Mysqli. Semoga tutorial ini dapat bermanfaat untuk kalian. Silahkan komentar dibawah bila ada yang ingin ditanyakan. Terimakasih!

Aplikasi Lainnya