Drop Down Filter Selection With MySQL In PHP | CampCodes

Drop Down Filter Selection with MySQL in PHP

July 13, 2020
drop down filter selection with mysql in php

Tutorial: Drop Down Filter Selection in PHP

In this tutorial, we will create a Drop Down Filter Selection with MySQL in PHP. This code will display a specific table row from MySQLi when the user selects a category from the drop-down list. The system uses the MySQLi SELECT query to show data in the MySQLi row by providing a “category” keyword in the WHERE clause category. This a user-friendly program. Feel free to modify and use it for your system.

We will be using PHP as a scripting language and interpreter that is mainly used on any web server, including xamp, wamp, etc. It is being applied to many popular websites because of the modern approach as its today.

Getting Started:

First, you have to download & install XAMPP or any local server that runs PHP scripts. Here’s the link for the XAMPP server https://www.apachefriends.org/index.html.

And, this is the link for the bootstrap that I used for the layout design https://getbootstrap.com/.

Creating Database

Open your database web server, then create a database name in it db_selection; after that, click Import, then locate the database file inside the folder of the application then click ok.

drop down selection in php

Creating the database connection

Open your any kind of text editor(notepad++, etc..). Then just copy/paste the code below then name it conn.php.

    $conn=mysqli_connect("localhost", "root", "", "db_selection");
        die("Error: Failed to connect to database!");

Creating The Interface

This is where we will create a simple form for our application. To create the forms simply copy and write it into your text editor, then save it as index.php.

<!DOCTYPE html>
<html lang="en">
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
    <div class="col-md-3"></div>
    <div class="col-md-6 well">
        <h3 class="text-primary">PHP - Drop Down Filter Selection</h3>
        <hr style="border-top:1px dotted #ccc;"/>
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <form method="POST" action="">
                <div class="form-inline">
                    <select class="form-control" name="category">
                        <option value="Suzuki">Suzuki</option>
                        <option value="Honda">Honda</option>
                        <option value="Kawasaki">Kawasaki</option>
                    <button class="btn btn-primary" name="filter">Filter</button>
                    <button class="btn btn-success" name="reset">Reset</button>
            <br /><br />
            <table class="table table-bordered">
                <thead class="alert-info">
                    <?php include'filter.php'?>

Creating the Main Function

This code contains the main function of the application. This code will display a specific table row base on category when the button is clicked. To make this just copy and write these block of codes below inside the text editor, then save it as filter.php

        $query=mysqli_query($conn, "SELECT * FROM `motors` WHERE `category`='$category'") or die(mysqli_error());
    }else if(ISSET($_POST['reset'])){
        $query=mysqli_query($conn, "SELECT * FROM `motors`") or die(mysqli_error());
        $query=mysqli_query($conn, "SELECT * FROM `motors`") or die(mysqli_error());

PHP - Drop Down Filter Selection Source Code 338 KB 1515 downloads

Please go back to the description page. Just Click the Red Download Button on the...

This is a free education portal. You can use every source code in your project without asking permission to the author. Share our website to everyone to make our community of programmers grow more.

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *