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.
scriptnya dicoba di firefox tidak muncul.yang tampil hanya combo box yang kosong. di IE malah tidak muncul combo box keduanya. mohon bantuannya. thanks.
Aryo:Nampaknya file PHP tidak berjalan. Apakah kamu yakin file .html itu kamu panggil lewat webserver (Apache)? Paling tidak, combobox pertama harusnya tetap tampil.
Riki, Ini yang kamu maksudkan script yang kamu coba di komputermu, atau yang di /coba/tescombobox.html ? Kalo yang /coba/tescombobox.html aku rasa tidak ada masalah. IE dan Firefox bisa jalan. Kalo yang kamu maksudkan adalah percobaan script di komputermu, maka yang perlu diyakinkan adalah script PHP (ambildata.php) bisa diakses. Pastikan kamu menjalankannya lewat Apache (localhost), tidak dibuka secara langsung lewat Internet Explorer.
guru...wahhh saya gak banyak dan mungkin saya banyak pertanyaan....,krn saya buta bgt... hmmm...saya sangat ingin mendalami php, apa yang harus saya lakukan agar saya dpt dengan cepat menjadi seperti guru...apakah saya harus bertapa, puasa 30 hr pada bulan ramadhan, ato saya hrs berlari kehutan dan menuju kepantai..mohon petunjuk dan bimbingan guru-guru semua... semoga guru2 diterima di sisiNYA ya.. amiiin...
Aryo:hehehe, good for you
horas... temen2 sekalian...... aku mo nanya nich : Pilihannya itu dibuat dalam database nya dengan tujuan untuk menampilkan laporan
Aryo:Untuk mengambil datanya dari database, mungkin ambildata.php dapat dirubah menjadi seperti ini:
Tentu saja harus disesuaikan dulu database, tabel dan field-fieldnya.
Saya coba buat sesuai script, tapi saat tescombobox.html di submit.....kenapa value dari ambildata.php tidak bisa tampil yah ??
kalo yang ga pake XMLHttp bagaimana ya. Setahu saya itu kan hanya bisa digunakan di Internet Explorer sama Firefox. Kalo usernya pake browser lain gemana
Saya sudah coba pada web server dengan phptriad hasilnya = OK.
Tapi setelah saya upload ke server yang sebenarnya malah tidak bisa jalan (tampil combo yang pertama, setelah dipilih ngggak ada reaksi apa-apa).coba di http://www.buattes.datadiri.com
Kalo boleh tanya lagi, saya punya kode program untuk select option juga tidak jalan.
berikut kodenya :
saya simpan dengan nama form.php
Kemudian kode pemrosesnya :
Saya simpan dengan nama hasil.php.
Ciri-cirinya adalah hasil setelah di submit terdapat halaman kosong .
Mahon bantuannya kepada para Guru.
radenhar@yahoo.com
kalo saat diklik combobox tersebut terus yg tampil bukan combobox lagi gmn ya?? misal dipilih pd combobox yg berisi "kode" terus dibawahnya muncul "nama" tp tulisan biasa gitu kayak pake perintah "echo/print" gitu.... tolong dong penjelasannya... terima kasih..
Untuk case seperti ini sih ada baiknya untuk mencoba JSON, seperti yang digunakan pada page: http://www.carikost.org/carikost.php Lebih lanjut apa itu JSON (JavaScript Object Notation), silakan buka http://www.json.org Rgds
Aku coba rubah ambil datanya menjadi seperti ini :
tetapi kok tidak muncul ya, apa yang slah ya. mohon bantuannya.
» 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 (20)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}
