Dalam HTML beberapa tipe input field yang sering digunakan diantaranya text, checkbox, radio, submit, button, select, type-nya semakin bertambah seiring dengan adanya HTML 5. Pada kesempatan kali ini penulis akan memberikan salah satu contoh pembuatan input field select, seperti kita ketahui dalam html untuk membuat input select menggunakan format sebagai berikut :
Pada saat editing ketika salah satu terpilih maka script diatas akan tampak sebagai berikut :
Pertanyaannya bagaimana membuat Input dropdown menggunakan form helper di codeigniter ?? Didalam form helper terdapat helper untuk membuat input dropdown dengan aturan sebagai berikut :
Sebagai contoh berikut penulis berikan kasus membuat dropdown dinamis dari tabel mysql, adapun langkahnya :
- Lakukan konfigurasi dasar pada codeigniter
- Edit file autoload.php di application/configedit bagian
$autoload[‘helper’] = array(”);
menjadi
$autoload[‘helper’] = array(‘form’);
Perintah diatas untuk mengaktifkan form helper, untuk memahami tentang form helper di code igniter, silahkan baca Menggunakan Form Helper Di CodeIgniter
- Pada saat membuat controller, di fungsi tambah ketika me-load view form penambahan data, tambahkan script berikut :
- Buatlah view untuk menambah data, pada bagian membuat drop down berikut sintak pembuatanya
- Sedangkan ketika edit data di view edit maka jenis pekerjaan yang terpilih harus aktif, maka script diatas dimodifikasi sebagai berikut :
Hasil Akhirnya adalah sebagai berikut :
Tampil Data
Tambah Data
Perhatikan bagian jabatan, daftar jabatan diambil dari tabel di MySQL
Edit Data
Perhatian bagian jabatan, terpilih sesuai dengan jabatan dari pegawai yang diklik
Untuk mempelajari kasus diatas, silahkan download scriptnya lengkapnya.
DOWNLOAD
gan tanya yg bagian edit dropdown ($employee[‘title_id’]) itu dapat mana? soalnya pada bagian controllernya tidak dijelaskan $employee
Sory gan itu screenshoot sebelum contoh program sy revisi, programnya sy revisi tp screenshoot nya ngak.. contoh program nya udah jalan silahkan di download aja
contoh programnya ga bisa d download
bisa, silahkan klik download diatas.. sudah saya pindahin ke google drive
Makasih gan artikelnya, semoga bermanfaat selalu 🙂
Sama-sama gan
berhasil mas Ozs, terima kasih banyak ya 😀
gan gimana caranya supaya. ketika memilih jabatan lalu muncul gajinya terima kasih….
gan gimana caranya supaya. ketika memilih jabatan lalu muncul gajinya yang sudah ada di database terima kasih….
Pake jquery…chain selected : http://ozs.web.id/2015/01/membuat-chain-selected-dengan-codeigniter/
ka buat tutorial dong, cara membuat live insert di modal, di salah satu formnya ada tombol cari data, tombol tersebut nantinya akan menampilkan sub modal(modal kedua) yang menampilkan data yang di cari, data tersebut berada dalam table, diambil dari database nanti data tersebut bisa dipilih terus masuk ke modal yang pertama(form)