Log Of Oyazhuryachna

Membuat Input Dropdown dari Database di CodeIgniter

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 :

dropdown_0

Pada saat editing ketika salah satu terpilih maka script diatas akan tampak sebagai berikut :

dropdown_0a

Pertanyaannya bagaimana membuat Input dropdown menggunakan form helper di codeigniter ?? Didalam form helper terdapat helper untuk membuat input dropdown dengan aturan sebagai berikut :

dropdown_0b

Sebagai contoh berikut penulis berikan kasus membuat dropdown dinamis dari tabel mysql, adapun langkahnya :

  1. Lakukan konfigurasi dasar pada codeigniter
  2. 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

  3. Pada saat membuat controller, di fungsi tambah ketika me-load view form penambahan data, tambahkan script berikut :dropdown_4
  4. Buatlah view untuk menambah data, pada bagian membuat drop down berikut sintak pembuatanyadropdown_5
  5. Sedangkan ketika edit data di view edit maka jenis pekerjaan yang terpilih harus aktif, maka script diatas dimodifikasi sebagai berikut :dropdown_6

Hasil Akhirnya adalah sebagai berikut :

Tampil Data

dropdown_1

Tambah Data

Perhatikan bagian jabatan, daftar jabatan diambil dari tabel di MySQL

dropdown_2

Edit Data

Perhatian bagian jabatan, terpilih sesuai dengan jabatan dari pegawai yang diklik

dropdown_3

Untuk mempelajari kasus diatas, silahkan download scriptnya lengkapnya.

DOWNLOAD

 

6 thoughts on “Membuat Input Dropdown dari Database di CodeIgniter

Leave a Reply

Your email address will not be published. Required fields are marked *