Membuat Combobox Dinamis dengan Jquery

Salah satu tujuan utama pembuatan sistem informasi adalah menyajikan data yang akurat sesuai kebutuhan dari konsumen. Data yang benar tentunya akan menghasilkan laporan yang valid dan hal tersebut sangat tergantung dari bagaimana sebuah sistem menyajikan kemudahan bagi seorang administrator, user, konsumen, pelanggan, pengguna, operator atau siapapun yg terlibat dalam sebuah sistem tersebut. 
 
Contoh sederhana dari suatu sistem yang baik adalah pengisian formulir yang user friendly,  dalam arti form yang disajikan bisa difahami dengan mudah oleh pengguna baik dari segi tampilan maupun dari manajemen input yang disajikan. Objek dalam sebuah form sendiri tidak hanya dalam bentuk inputan teks, namun bisa juga dalam bentuk input pilihan atau opsi yang harus dipilih oleh user. Hal ini bertujuan untuk mengurangi kesalahan ketik dari seorang user karena jika data tersebut merupakan data utama yg dibutuhkan manajemen, misalnya alamat pengiriman barang pada  suatu sistem penjualan, maka tentu saja alamat tidak boleh salah sedikitpun, mulai dari provinsi, kabupaten/kota, kecamatan, bahkan sampai desa dan seterusnya.
 
Bagaimana jika data yang harus dipilih sangat banyak?? misalnya mencapai puluhan ribu. Misalnya kecamatan se Indonesia harus dipilih lewat sebuah combobox dalam form?? yang buat program pusing ngetik dan yang pakai atau user yg isi form juga pusing waktu isi form.. Smile.
 
Tenang saja, kan sekarang sudah ada framework Jquery yang akan bantu. Jquery merupakan framework java script yang bisa berintegrasi dengan PHP dan MySQL untuk menyajikan combobox dinamis dari beberapa tabel yang berelasi.
 
Berikut ini adalah contoh penggunaan combox dinamis untuk pemilihan provinsi, kab/kota dan kecamatan  menggunakan PHP, MySQL dan Jquery. Pada form yg dihasilkan, user bisa memilih salah satu provinsi dan setelah itu bisa memilih kab/kota yg ada pada provinsi tersebut. Selanjutnya user memilih salah satu kab/kota, dan otomatis akan bisa memilih kecamatan pada kabupaten tersebut.
 
Untuk demo, silahkan klik : DEMO COMBOBOX DINAMIS
Silahkan langsung DOWNLOAD SOURCE CODE  
 

Berita Terkait

2 Komentar

Jayme Sonja | 20 Desember 2014 - 10:17:39 WIB
This actually answered my problem, thank you!
obat alami radang paru-paru | 20 Desember 2014 - 14:24:58 WIB
Isi beritanya memang bagus disimak .. terimaksih sob . http://goo.gl/SRg5JX

Isi Komentar