Create Dynamic Combobox Form from Database (Mysql) with PHP

Case Study : Create dynamic combobox with dynamic value
Requirements : Webserver Packages, already installed.

Combobox is one element in a form that is often used in applications – the application registration, generally combobox is used to select one option where there are many options available. Value in the combobox can actually be written directly in the html, but, what if the data you want to appear very much or depend on certain conditions?
Suppose, we want to show the choice of cities – cities that exist within the Indonesian state, the city is also a city which appears to be in Indonesia.
For example, a user was coming from England, the town which is also a city which appears to be in the UK.

We need dynamic combobox

Then, here we go.

Step 1 : Prepare the Database

  1. Create database named db_tutorial
  2. Prepare a table named tb_kota, with structure like picture below,
  3. Insert some sample data like below,
  4. Done!

Step 2 : Prepare the work directory

  1. Create folder named tutorphp in your document root
  2. Save all file in this tutorial in this folder.

Step 3 : Create a connection to DB script

  1. Type the following script,
    [sourcecode language=”php”]
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    or die ("Connect Failed !! : ".mysql_error());
  2. Save with the name connect.php

Step 4 : Create the combobox form

  1. Type the following script,
    [sourcecode language=”php”]
    <form name=’form’ method=’post’ action=’prosescombo.php’>
    <h3> Choose Your City</h3>
    <select name="kota">
    <option value=0 selected>- city -</option>
    include ‘connect.php’;
    $q = mysql_query("select * from tb_kota where negara = ‘Indonesia’ "); //choose the city from indonesia only

    while ($row1 = mysql_fetch_array($q)){
    echo "<option value=$row1[kota]>$row1[kota]</option>";
    <input type="submit" name="submit" value="Submit">

  2. Save with the name formcombo.php

Step 5 : Create script to show the result

  1. Type the following script,
    [sourcecode language=”php”]
    $kota = $_POST[‘kota’];

    if ($kota == ‘0’) {
    echo "anda belum memilih";
    } else
    echo "anda memilih ".$kota;

  2. Save with the name prosescombo.php

Step 6 : Testing Code

  1. Go to http://localhost/tutorphp/formcombo.php. You will see the form like below. Choose one option (i choose Solo, here).
  2. Choose submit. And see the result ๐Ÿ˜€

OK. Haaaaaaaapppy Coding! ๐Ÿ˜€

Oleh littleflow3r

obviously, a girl. with sweet smile, off course. turning her 21 years trapped on Informatics departement and just started to having some crush with it lately. she uses wordpress. she loves php. she loves to satisfied her shopping hobbies just via looking around in online shop. oh yeah, she got an A for her english subject^^

5 replies on “Create Dynamic Combobox Form from Database (Mysql) with PHP”

Sorry, but it’s impossible to paste code in comment, so my previous post looks little strange. The point is that $row1[kota] should be rounded by single quotations.

I think that 10th line of formcombo.php should be:
echo “$row1[kota]”;
If ” are missing only one word from two word names will be printed after submitting.
(“New” instead of “New York” if we choose the city from America)

Tinggalkan Balasan ke mostro Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.