Pemrosesan Form dengan Komponen Combo Box

January 3rd, 2009 | by rosihanari | Cetak Artikel Ini Free Software Wah lama gak update blog ini, karena terlalu sibuk ngurusin sertifikasi guru Kangen rasanya untuk nulis-nulis artikel lagi he.. he.. he Untuk artikel kali ini saya akan paparkan bagaimana melakukan pemrosesan form dengan komponen combo box. Anda tahu kan apa itu combo box? Ya.. combo box adalah salah satu komponen untuk keperluan input data melalui form. Komponen ini memiliki bentuk seperti drop down menu dan kita diminta memilih item yang diinginkan di antara item yang ada dalam list komponen ini. Artikel yang akan dibahas dalam blog ini terkait dengan pemrosesan form dengan komponen combo box adalah bagaimana membuat item list supaya muncul dalam combo box. Kita dapat membuat item list secara manual ataupun secara otomatis melalui script yang terhubung ke database. Dengan script ini kita dapat mengenerate item list combo box dari data yang tersimpan dalam database.Pembahasan pertama kita mulai dahulu dengan bagaimana bentuk tag (X)HTML untuk membuat komponen combo box ini. Untuk membuat komponen combo box, tag (X)HTML nya berbentuk sbb:

Option 1 Option 2 Option 3

Tag (X)HTML di atas akan menghasilkan combo box dengan 3 list item pilihan. Pemberian atribut name combo box jangan sampai lupa dituliskan karena pemberian nama ini nantinya akan terkait dengan proses submit ke script pemrosesan script. Selanjutnya apa maksudnya atribut option? Ya atribut ini nanti terkait dengan value yang akan disubmit. Misalkan ada user yang memilih item ke-1, yaitu OPTION 1, maka value yang akan disubmit adalah value1. Sedangkan bila item ke-2 yang dipilih, maka value yang disubmit adalah value2, begitu seterusnya.Selanjutnya kita terapkan konsep di atas in real world. Maksudnya kita akan membuat combo box dan juga script pemrosesnya. Misalkan combo box ini digunakan untuk menampilkan pilihan negara lalu mensubmitnya.Oya supaya value dan data dari combo box ini bisa diproses atau disubmit, komponen combo box ini harus diletakkan dalam tagTop of FormBottom of Formform.html

Pilih salah satu negara :

Indonesia Malaysia Australia Amerika Serikat Canada

submit.php

OK bila Anda jalankan form.html di browser, lalu memilih option negara Australia misalnya, kemudian mensubmitnya maka akan tampil Anda telah memilih negara berkode AU pada submit.php. Nah dalam hal ini bisa disimpulkan bahwa value yang disubmit adalah value yang terletak pada atribut value= pada tagSelanjutnya, misalkan Anda punya tabel dalam database yang berisi data lalu Anda ingin menampilkannya sebagai list item combo boxnya. Bagaimana caranya? Caranya mudah sekali bro konsepnya hanyalah melakukan proses looping pada bagiansesuai data yang dibaca dari database. OK, sebagai contoh misalkan kita punya tabel COUNTRIES dan data sbb:CREATE TABLE `countries` ( `id` varchar(2) NOT NULL default '', `namanegara` varchar(20) default NULL, PRIMARY KEY (`id`))

INSERT INTO `countries` VALUES ('ID', 'Indonesia');INSERT INTO `countries` VALUES ('AU', 'Australia');INSERT INTO `countries` VALUES ('US', 'Amerika Serikat');INSERT INTO `countries` VALUES ('CA', 'Kanada');INSERT INTO `countries` VALUES ('MY', 'Malaysia');maka script PHP untuk mengenerate list item untuk combo box nya adalah sbb:form.php

Pilih salah satu negara :

Gimana mudah sekali bukan? Mudah-mudahan ada manfaatnya buat Anda.