Combobox merupakan salah satu element form yang
sering digunakan dalam aplikasi – aplikasi pendaftaran, pada umumnya combobox
digunakan untuk memilih salah satu option dimana terdapat banyak option yang
ada. Value dalam combobox sebenarnya dapat ditulis langsung dalam html, namun,
bagaimana jika data yang ingin ditampilkan sangat banyak atau tergantung pada
kondisi tertentu?
Misalkan, kita ingin menampilkan pilihan kota – kota yang ada dalam negara
Indonesia, maka kota yang ditampilkan juga merupakan kota yg berada dalam
Indonesia.
Misalkan, user ternyata berasal dari Inggris, maka kota yang ditampilkan juga
merupakan kota yg berada dalam negara Inggris.
Kita memerlukan combobox dinamis.
Ok, langsung praktik saja.
Step 1 : Persiapkan Database
1.
Buat database dengan nama db_tutorial
. - Siapkan tabel dengan nama tb_kota, dengan struktur tabel seperti gambar dibawah ini.
2
3.
Insert kan beberapa sample data, seperti gambar dibawah
4.
Done!
Step 2 : Persiapkan Folder Kerja
1.
Buat folder dengan nama tutorphp dalam document
root anda
2.
Simpan semua file dalam tutorial ini dalam folder tersebut.
Step 3 : Membuat script koneksi ke Database
1.
Ketikkan script berikut,
2.
<?php
3.
$host = "localhost";
4.
$user = "root";//adjust according to your mysql setting
5.
$pass = ""; //adjust according to your mysql setting, i
use no password here
6.
$dbName = "db_tutorial";
7.
mysql_connect($host, $user, $pass);
8.
mysql_select_db($dbName)
9.
or die ("Connect Failed !! : ".mysql_error());
10. ?>
11. simpan dengan
nama connect.php
Step 4 : Membuat form combobox dinamis
1.
Ketikkan script berikut,
2.
<form name='form' method='post' action='prosescombo.php'>
3.
<h3> Choose Your City</h3>
4.
<select name="kota">
5.
<option value=0 selected>- city -</option>
6.
<?php
7.
include 'connect.php';
8.
$q = mysql_query("select * from tb_kota where negara =
'Indonesia' "); //choose the city from indonesia only
9.
10. while ($row1 =
mysql_fetch_array($q)){
11. echo "<option
value=$row1[kota]>$row1[kota]</option>";
12. }
13. ?>
14. </select>
15. <input
type="submit" name="submit" value="Submit">
16. </form>
17. simpan dengan
nama formcombo.php
Step 5 : Membuat menampilkan pilihan
1.
Ketikkan script berikut,
2.
<?php
3.
$kota = $_POST['kota'];
4.
5.
if ($kota ==
'0') {
6.
echo
"anda belum memilih";
7.
} else
8.
echo
"anda memilih ".$kota;
9.
?>
10. simpan dengan
nama prosescombo.php
Step 6 : Testing Code
1.
Pergi ke http://localhost/tutorphp/formcombo.php. Anda akan
melihat form seperti dibawah. Pilih salah satu option (Disini saya memilih
Solo)
2.
Klik Submit dan anda akan melihat hasilnya
OK. Haaaaaaaapppy Coding! salasia46.blogspot.com