-->
Home
code
php

Cara Menampilkan Data Berdasarkan Select Option Yang Dipilih PHP

Menampilkan data berdasarkan select option yang di pilih
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 sedikit tips pemrograman php bagaimana cara menampilkan data ketika dropdown select option di pilih. Mungkin banyak cara untuk membuat hal seperti ini, bisa menggunakan ajax, javascript, atau php ini sendiri, dan juga di bahasa pemrograman yang lainya.

Berikut ini adalah cara untuk menampilkan data berdasarkan dropdown select option yang dipilih dengan php mysqli, caranya cukup mudah, yang pertama, pastikan teman-teman memiliki database terlebih dahulu. Oh ya karna di artikel ini saya menggunakan database sebagai data yang dipanggil.

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
Kurang lebih data yang saya punya seperti gambar di bawah
database

Membuat Koneksi Ke Database


<?php $koneksi = mysqli_connect("localhost", "root", "", "select_option"); ?>
Kode diatas merupakan code untuk mengkoneksikan ke dalam databse, didalam variabel koneksi, terdapat fungsi mysqli_connect(), fungsi tersebut merupakan fungsi untuk menyambungkan ke dalam database hehe.

BACA JUGA : Menampilkan Data Kedalam Select Option

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
            // Selected option
            if($_POST['select'] == $data['id']){
                echo "selected";
            }
            // Selected option
            ?>><?= $data['name'];?></option>
        <?php } ?>
    </select>
</form>
Pada Tag select terdapat atribut onchange yang isinya this.form.submit(), sepemahaman saya, sama saja dengan fungsi javascript atau seperti button ber-type submit, jadi ketika salah satu option yang dipilih maka akan menjalankan perintah post dan mengirimkan data sesuai dengan apa yang di pilih. Untuk lebih jelasnya mungkin teman-teman bisa searching tentang ini.

Menampilkan Data

<?php
if(isset($_POST['select'])){
    $qry = $koneksi->query("SELECT * FROM data WHERE id='$_POST[select]'");
    $res = $qry->fetch_assoc();?>
    <p>Your Select <?= $res['name'];?></p>
<?php }?>
Pada code diatas yang berarti, ketika perintah post dijalankan, akan menjalankan baris code di bawahnya, pada baris ke 2, saya membuat query SELECT berdasarkan id, yang id nya itu POST['select'], kenapa ? perhatikan pada bagian select option, pada atribut value, saya memberikan data yang berisikan id, nah maka yang akan di kirim adalah id tersebut.

Full Code Menampilkan Data Berdasarkan Select Option


<?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
            // Selected option
            if($_POST['select'] == $data['id']){
                echo "selected";
            }
            // Selected option
            ?>><?= $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>Your Select <?= $res['name'];?></p>
<?php }?>

Maka Output dari code diatas:
hasil dari data yang di pilih
Hasil Dari Data Yang Dipilih


Post a Comment