Kadang kala, kita ingin menampilkan combobox yang berisi data dinamis, yang isinya tergantung pada pilihan user.
Misalnya saja combobox untuk memilih Nama Kecamatan, maka isi combobox tersebut hanya berisi nama kecamatan yang ada dalam kabupaten yang dipilih.
Hal ini selain memudahkan user untuk memilih nama kecamatan, juga meringankan proses transfer data. Bayangkan seandainya seluruh data kecamatan ditampilkan pada combobox dalam saat yang bersamaan, tentu menjadi tidak efisien.
Konsep yang digunakan adalah teknik AJAX, yang akan menangani proses perubahan combobox, setiap kali isi suatu combobox utama dirubah. Silakan merujuk ke artikel AJAX langkah 1 untuk dasar AJAX.
Untuk mencoba teknik ini, silakan simpan file HTML berikut ini dengan nama tescombobox.html:
Script PHP, simpan dengan nama ambildata.php:
Proses yang terjadi, diawali dari script utama (tescombobox.html), dengan langkah sebagai berikut:
Selesai.
Maka nanti ketika form tersebut disubmit, maka akan terdapat 2 combobox, dengan value masing-masing.
Kode di atas masih sangat sederhana, karena hanya untuk menunjukkan cara kerja teknik perubahan isi combobox. Jika ingin dikembangkan, maka data yang dikembalikan oleh ambildata.php dapat diambil dari database misalnya.
Untuk mencoba teknik tersebut, silakan gunakan link ini: http://www.bengkelprogram.com/coba/tescombobox.html
Atau ini: http://www.bengkelprogram.com/pilihancombo.php
Download sourcenya: http://www.bengkelprogram.com/download-pilihancombo.zip
Semoga bermanfaat.
mas aryo....klo misalnya comboboxnya ada 3..... combobox ke-3 tergantung pilihan combobox 2 n combobox ke-2 tergantung combobox 1 (seperti diatas) tolongin dounk.....
mas aryo kok saya blum bisa nampilin datanya yah... apakah ada yang salah sama coding saya tapi saya dah coba source yg diberikan, tapi malah ga keluar apa2 pada saat saya memilih combobox yang 1 tolong bantuannya
mas aryo, programnya berjalan. saya bisa meload combo 2 berdasarkan pilihan combo 1. cuma saya punya masalah baru, halaman 1 adalah halaman pilihan combo, halaman 2 adalah halaman untuk menambahkan data combo 1 dan combo 2. setelah saya menambahkan data baru untuk combo 2 di halaman dua, kemudian saya kembali lagi di halaman 1(pilihan combo) data yang baru saya tambahkan tidak otomatis muncul di pilihan combo 2. kalo browsernya saya close kemudian di open lagi baru data tersebut muncul pada pilihan combo 2. bagaimana caranya supaya data yang telah ditambahkan dapat otomatis terupdate pada halaman pilihan combo tanpa harus menutup browser da membukanya kembali. terimakasih.
gimana ya kalo datanya ngambil dari tabel di database ...........
Pak... kalau diaplikasikan ke excel bisa gak? Kalau bisa, mohon diberitahu via e-mail ya... Thanks
buat sandi, masak kmu mau ngetik banyak kode ?
kalo kayak ini, databasenya kalo banyak
if($kode==1){
echo"<option value="satu">satu</option>";
}
kan bisa wahhhh....
coba pake fungsi while()
echo "<select name='data'>";
while($data=mysql_fetch_row($sql)){
echo"<option value="$data[0]">$data[1]</option>";
}
echo "</select>";
yah semacam gitulah..
mo tanya om script ini qo ga bisa nampil??
mohon jawabannya,thx
om kalau buat 3 combobox.combobox 1 merupakan induk dari combobox 2, combobox 2 merupakan induk dari combobox 3 tu gimana.aku nyobak sesuai logika punya om masih bingung soale contohnya cuma akses 2 combobox. kirim ke emailq ya.maturnuwun
kode nya AWESOME!
ini yang sudah lama gw cari - cari. thank's guru.
pertanyaan selanjutnya, gimana kalo di dalam satu form ada 2 pasang combo box yang kaya gitu, atau ada combo box yang ketiga, yang kriteria select nya tergantung pilihan combo box kedua?
thank's before?
» GRABBING KURS BANK BCA (7)Constructors sebuah methode yg dijalakan ketika sebuah object dibuat dari sebuah class sedangkan Destructors adalah methode untuk menghapus object ketika script/program berakhir.
» OOP Pada PHP (Part 1) (23)TERINSPIRASI DARI GRABBING KURS BI BANG ARYO
» Menghitung Jarak Waktu (33)Pembahasan mengenai dasar pemrograman OOP pada PHP
(Rakhmad Maulidi)
» Grabbing Kurs Dari BI (21)Mengitung jarak waktu dan menampilkan sebagai Javascript
Grabbing data adalah tindakan tidak sopan. Tapi kali ini yang dibahas adalah teknik grabbing, masalah moral dan etika silakan cari sendiri (inspired by Iwan Fals)
![[Valid RSS]](valid-rss.png "Validate my RSS feed"){kind=small}
