Multi-Select Dropdown Filter dalam PHP dengan Pencarian Database

Hallo sahabat Dumenity berjumpa lagi dalam tutorialÂ kursuswebprogramming, pada tutorial kali ini kita akan belajar tentang Multi-Select Dropdown Filter dalam PHP dengan Pencarian Database. Filter digunakan untuk mempersempit hasil berdasarkan kriteria tertentu. Kami telah membuat filter PHP untuk halaman daftar untuk menciutkan hasil basis data berdasarkan opsi filter yang dipilih. Filter pencarian dengan bidang kombo akan memungkinkan multi-select. Jadi, kita dapat membuat pencarian untuk memfilter data berdasarkan sekelompok opsi yang dipilih oleh pengguna.

Saya telah membuat bentuk filter pencarian PHP dengan kotak multi-select yang menunjukkan daftar negara. Saya memiliki tabel database tbl_user untuk menyimpan detail pengguna seperti nama, jenis kelamin, negara, dan lainnya. Saat mengirimkan filter dengan memilih opsi negara, hasil basis data akan diambil dan didaftar berdasarkan opsi yang dipilih. Saya telah meledakkan susunan nama negara yang dipilih dan meneruskannya ke kueri IN klausa untuk mengambil hasil basis data. Jika Anda memeriksa negara yang bergantung pada dropdown, periksa artikel terkait atau Anda juga dapat memeriksa tiga tingkat daftar dropdown bergantung.
Skrip Database

Skrip berikut digunakan untuk membuat struktur basis data dan membuang data yang diperlukan untuk contoh ini. Sebelum menjalankan contoh ini di komputer lokal Anda, impor skrip ini melalui klien database Anda.

CREATE TABLE `tbl_user` (
  `id` int(8) NOT NULL,
  `Name` varchar(255) NOT NULL,
  `Gender` varchar(10) NOT NULL,
  `Country` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `tbl_user` (`id`, `Name`, `Gender`, `Country`) VALUES
(1, 'Jack', 'Female', 'Canada'),
(2, 'Jane', 'Female', 'Mexico'),
(3, 'Emmanuel', 'Male', 'USA'),
(4, 'Franck', 'Male', 'USA'),
(5, 'Kevin Tomas', 'Male', 'Haiti'),
(6, 'Tim Dillon', 'Male', 'Haiti');

ALTER TABLE `tbl_user`
  ADD PRIMARY KEY (`id`);

ALTER TABLE `tbl_user`
  MODIFY `id` int(8) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;
COMMIT;

CREATE TABLE `tbl_user` (

`id` int(8) NOT NULL,

`Name` varchar(255) NOT NULL,

`Gender` varchar(10) NOT NULL,

`Country` varchar(255) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `tbl_user` (`id`, `Name`, `Gender`, `Country`) VALUES

(1, 'Jack', 'Female', 'Canada'),

(2, 'Jane', 'Female', 'Mexico'),

(3, 'Emmanuel', 'Male', 'USA'),

(4, 'Franck', 'Male', 'USA'),

(5, 'Kevin Tomas', 'Male', 'Haiti'),

(6, 'Tim Dillon', 'Male', 'Haiti');

ALTER TABLE `tbl_user`

ADD PRIMARY KEY (`id`);

ALTER TABLE `tbl_user`

MODIFY `id` int(8) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;

COMMIT;

Filter Pencarian HTML dengan dropdown Multi-select

Saya telah membuat formulir HTML dengan dropdown multi-select.Â saya telah mencantumkan nama negara yang berbeda dari database tbl_user. Pengguna dapat memilih beberapa negara dari daftar tarik-turun ini. Saat mengirimkan opsi filter, itu akan diposting ke PHP untuk memproses pengambilan data MySQL berdasarkan nilai yang dipilih. Setelah mengambil hasil dari database, itu akan tercantum di bawah filter.

<?php
include 'DBController.php';
$db_handle = new DBController();
$countryResult = $db_handle->runQuery("SELECT DISTINCT Country FROM tbl_user ORDER BY Country ASC");
?>
<div class="search-box">
    <select id="Place" name="country[]" multiple="multiple">
        <option value="0" selected="selected">Select Country</option>
        <?php
            if (! empty($countryResult)) {
                 foreach ($countryResult as $key => $value) {
                     echo '<option value="' . $countryResult[$key]['Country'] . '">' . $countryResult[$key]['Country'] . '</option>';
                 }
             }
        ?>
    </select>
    <button id="Filter">Search</button>
</div>

<?php

include 'DBController.php';

$db_handle = new DBController();

$countryResult = $db_handle->runQuery("SELECT DISTINCT Country FROM tbl_user ORDER BY Country ASC");

<option value="0" selected="selected">Select Country</option>

<?php

if (! empty($countryResult)) {

foreach ($countryResult as $key => $value) {

echo '<option value="' . $countryResult[$key]['Country'] . '">' . $countryResult[$key]['Country'] . '</option>';

}

</select>

<button id="Filter">Search</button>

</div>

Queri SELECT MySQL untuk Menyaring Hasil Basis Data Berdasarkan Negara yang Dipilih

Setelah mengirimkan opsi filter ke PHP, larik negara yang dipilih akan diulang dalam satu lingkaran. Loop akan membuat string yang di-implode dari array negara yang dipilih. Nilai string ini akan berada dalam klausa IN dari query SELECT untuk mengambil data berdasarkan beberapa nilai. Kode di bawah ini menunjukkan cara mengambil hasil MySQL berdasarkan beberapa negara.

<?php
if (! empty($_POST['country'])) {
    ?>
<table cellpadding="10" cellspacing="1">

    <thead>
        <tr>
            <th><strong>Name</strong></th>
            <th><strong>Gender</strong></th>
            <th><strong>Country</strong></th>
        </tr>
    </thead>
    <tbody>
        <?php
    $query = "SELECT * from tbl_user";
    $i = 0;
    $selectedOptionCount = count($_POST['country']);
    $selectedOption = "";
    while ($i < $selectedOptionCount) {
        $selectedOption = $selectedOption . "'" . $_POST['country'][$i] . "'";
        if ($i < $selectedOptionCount - 1) {
            $selectedOption = $selectedOption . ", ";
        }
        
        $i ++;
    }
    $query = $query . " WHERE country in (" . $selectedOption . ")";
    
    $result = $db_handle->runQuery($query);
}
if (! empty($result)) {
    foreach ($result as $key => $value) {
        ?>
        <tr>
            <td><div class="col" id="user_data_1">
                    <?php echo $result[$key]['Name']; ?>
                </div></td>
            <td><div class="col" id="user_data_2">
                    <?php echo $result[$key]['Gender']; ?>
                </div></td>
            <td><div class="col" id="user_data_3">
                    <?php echo $result[$key]['Country']; ?>
                </div></td>
        </tr>
        <?php
    }
    ?>

    </tbody>
</table>
<?php
	}
?>

<?php

if (! empty($_POST['country'])) {

<thead>

<tr>

<th><strong>Gender</strong></th>

<th><strong>Country</strong></th>

</tr>

</thead>

<tbody>

<?php

$query = "SELECT * from tbl_user";

$i = 0;

$selectedOptionCount = count($_POST['country']);

$selectedOption = "";

while ($i < $selectedOptionCount) {

$selectedOption = $selectedOption . "'" . $_POST['country'][$i] . "'";

if ($i < $selectedOptionCount - 1) {

$selectedOption = $selectedOption . ", ";

}

$i ++;

}

$query = $query . " WHERE country in (" . $selectedOption . ")";

$result = $db_handle->runQuery($query);

}

if (! empty($result)) {

foreach ($result as $key => $value) {

<tr>

<?php echo $result[$key]['Name']; ?>

</div></td>

<?php echo $result[$key]['Gender']; ?>

</div></td>

<?php echo $result[$key]['Country']; ?>

</div></td>

</tr>

<?php

}

</tbody>

</table>

<?php

}

Multi-select Dropdown Filter di PHP dengan Pencarian Database – Output

Screenshot berikut menunjukkan hasil dari filter dropdown multi-pilih menggunakan PHP

Oke itulah tadi pembahasan saya tentang Multi-Select Dropdown Filter dalam PHP dengan Pencarian Database, semoga bermanfaat.

Facebook DUMET School

Konsultasi Gratis

Categories