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

Categories: PHP

Candra Adi Putra

Candra Adi Putra S.Kom adalah Alumni STMIK AKAKOM Yogyakarta. Ingin Kerjasama, Pasang Iklan, Membuat aplikasi Android atau Web? hubungi saya di candraadiputra (at) gmail (dot) com atau WA ke 081328533115

6 Comments

adi nababan · 14 November , 2014 at 9:52 am

mantap……. mas adi…. sangat bermafaat….

dhijefiyan3 · 23 September , 2014 at 11:30 am

keren cuy tutornya

budi · 27 August , 2014 at 1:01 pm

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

radit · 8 February , 2013 at 3:53 am

tutornya mantep gan???? bagus neh buat yg awam,,,,,, heheheh
salam kenal.

aAA · 5 February , 2013 at 4:56 pm

dodol lu

vera · 28 January , 2013 at 5:05 pm

kalo mau dibikin form submit supaya bisa disave gimana ya mas :)

Tinggalkan Komentar plz!

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