CARA MEMBUAT COMBO BOX DI PHP

Membuat combobox pada form web dapat meningkatkan interaktivitas dan user experience. Di PHP, kamu dapat membangun combobox dengan gabungan elemen HTML <select>. Artikel ini akan memandu kamu untuk membuat combobox sederhana di PHP.

Sebelum memulai, pastikan server web dan PHP sudah terinstal dan berjalan dengan baik pada sistem kamu.

Langkah 1: Membuat Form HTML

Awalilah dengan membuat file HTML atau PHP baru. Di dalam file tersebut, kamu perlu menambahkan elemen <select> yang akan menjadi tempat combobox.

<form action="proses.php" method="post">
    <label for="buah">Pilih Buah:</label>
    <select name="buah" id="buah">
        <option value="apel">Apel</option>
        <option value="jeruk">Jeruk</option>
        <option value="mangga">Mangga</option>
        <option value="pisang">Pisang</option>
    </select>
    <input type="submit" value="Kirim">
</form>

Langkah 2: Mengolah Data dengan PHP

Setelah form dikirim, kamu harus mengolah data yang dipilih oleh pengguna. Untuk melakukan itu, kamu membuat file proses.php.

Buka file proses.php dan tambahkan kode berikut:

<?php
if($_SERVER["REQUEST_METHOD"] == "POST") {
    $buah_terpilih = $_POST['buah'];
    echo "Buah yang kamu pilih adalah: " . $buah_terpilih;
}
?>

Langkah 3: Mengisi Combobox dari Database

Untuk membuat combobox yang isi pilihannya berasal dari database, kamu perlu membuat koneksi ke database terlebih dulu.

<?php
$host = "localhost";
$user = "username_database";
$pass = "password_database";
$db = "namadatabase";
$conn = new mysqli($host, $user, $pass, $db);

if ($conn->connect_error) {
    die("Koneksi gagal: " . $conn->connect_error);
}
?>

Selanjutnya, kamu bisa menampilkan data ke dalam combobox seperti berikut:

<label for="buah">Pilih Buah:</label>
<select name="buah" id="buah">
    <?php
    $sql = "SELECT id, nama_buah FROM tabel_buah";
    $hasil = $conn->query($sql);

    if ($hasil->num_rows > 0) {
        // menampilkan setiap baris data dengan perulangan while
        while($baris = $hasil->fetch_assoc()) {
            echo "<option value='" . $baris['id'] . "'>" . $baris['nama_buah'] . "</option>";
        }
    } else {
        echo "<option>Tidak ada buah</option>";
    }
    $conn->close();
    ?>
</select>

Jangan lupa untuk mengolah data yang dipilih dari combobox seperti pada langkah 2 setelah pengguna mengirim form.

Dengan mengikuti petunjuk di atas, kamu sudah bisa membuat combobox sederhana di PHP. Ingatlah untuk selalu mengecek dan mengamankan data yang diterima dari form untuk menghindari serangan seperti SQL Injection. Selamat mencoba!