Membuat combobox dinamis dari tabel MySQL

relasi

Untuk membuat combo dinamis yang datanya diambil dari database, konsepnya sama dengan menampilkan data biasa. Perbedaanya, data diambil dan diletakan didalam tag

<option value=’data from db’>data from db</option>

sekenario

Untuk mencoba membuat combox dinamis, kita akan membuat skenario relasi tabel sebagai berikut
Combo dinamis yang akan kita buat akan muncul saat user menambahkan data kabupaten. Combo propinsi akan otomatis terisi dengan data yang ada di tabel propinsi. Jika data propinsi ada 5, maka pilihan data combo ada 5, jika combo di propinsi berubah maka otomatis data di combo akan berubah menyesuaikan dengan isi tabel propinsi.

Fungsi combobox dinamis

Untuk membuatnya , kita membutuhkan dua fungsi bantu sebagai berikut:

<?php
function selected($t1, $t2) {
	if(trim($t1) == trim($t2))
		return "selected";
	else
		return "";
}
?>
function combo_propinsi($kode) {
	echo "<option value='' selected>- Pilih Propinsi -</option>";
	$query = mysql_query("SELECT idpropinsi,nama  FROM Propinsi");
	while ($data= mysql_fetch_object($query)) {
		if ($kode == "")
		echo "<option value='$data->idpropinsi'> " . $data->nama . " </option>";
		else
		echo "<option value='$data->idpropinsi'" . selected($data->idpropinsi, $kode) . "> " . $data->nama . " </option>";
	}
}

Fungsi selected() akan dipakai oleh fungsi combo_propinsi(). Efek dari fungsi ini akan tampak saat kita mengedit data. Saat kita mengedit data, data propinsi yang terpilih di combobox otomatis adalah propinsi yang berelasi dengan tabel kabupaten.

Cara pemanggilan

Untuk memanggil Combo propinsi di form, perhatikan potongan kode berikut

<select name='idpropinsi'id='idpropinsi' class="required">
<?php		
combo_propinsi($data -> idpropinsi);
?>
</select>

Source code

silahkan download source codenya lengkapnya disini

Author: Candra Adi Putra

Candra Adi Putra adalah Alumni STMIK AKAKOM Yogyakarta. Like Candralab Studio Di Facebook.

6 thoughts on “Membuat combobox dinamis dari tabel MySQL”

  1. cara edit update datanya bang, input data muncul apabila di klik, kalo edit data..kok gak mucul? kira2 bagaimana solusinya- thankyou

Tinggalin komentar dong!