Cara Menampilkan Data Berdasarkan Select Option Yang Dipilih PHP

Menampilkan Data Berdasarkan Select Option Yang Dipilih

Cara Menampilkan Data Berdasarkan Dropdown Select Option Yang Dipilih Menggunakan PHP

Pada kesempatan kali ini saya akan membagi tips pemrograman PHP tentang bagaimana cara menampilkan data ketika dropdown select option dipilih. Ada banyak cara untuk membuat fitur seperti ini, bisa menggunakan Ajax, JavaScript, atau murni PHP dengan database.

Berikut ini adalah cara menampilkan data berdasarkan dropdown select option menggunakan PHP MySQLi. Pertama, pastikan sudah ada database yang akan digunakan.

Database

CREATE TABLE `data` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4;

Contoh data yang digunakan:

Membuat Koneksi ke Database

<?php
$koneksi = mysqli_connect("localhost", "root", "", "select_option");
?>

Kode di atas berfungsi untuk menyambungkan PHP ke database.

Membuat Form Select Option

<form action="" method="post">
  <select name="select" id="select" onchange="this.form.submit()">
    <?php 
    $qry = $koneksi->query("SELECT * FROM data");
    while($data = $qry->fetch_assoc()){ ?>
      <option value="<?= $data['id']; ?>" 
      <?php if(isset($_POST['select']) && $_POST['select'] == $data['id']) echo "selected"; ?>>
        <?= $data['name']; ?>
      </option>
    <?php } ?>
  </select>
</form>

Menampilkan Data

<?php
if(isset($_POST['select'])){
  $qry = $koneksi->query("SELECT * FROM data WHERE id='$_POST[select]'");
  $res = $qry->fetch_assoc();
?>
  <p>Data yang dipilih: <?= $res['name']; ?></p>
<?php } ?>

Full Code

<?php
$koneksi = mysqli_connect("localhost", "root", "", "select_option");
?>

<form action="" method="post">
  <select name="select" id="select" onchange="this.form.submit()">
    <?php 
    $qry = $koneksi->query("SELECT * FROM data");
    while($data = $qry->fetch_assoc()){ ?>
      <option value="<?= $data['id']; ?>" 
      <?php if(isset($_POST['select']) && $_POST['select'] == $data['id']) echo "selected"; ?>>
        <?= $data['name']; ?>
      </option>
    <?php } ?>
  </select>
</form>

<?php
if(isset($_POST['select'])){
  $qry = $koneksi->query("SELECT * FROM data WHERE id='$_POST[select]'");
  $res = $qry->fetch_assoc();
?>
  <p>Data yang dipilih: <?= $res['name']; ?></p>
<?php } ?>

Output dari kode di atas: