Membuat pilihan dropdown di CodeIgniter

form_dropdown()

Digunakan untuk membuat pilihan dropdown standard.

Syntax:

form_dropdown(parameter1, parameter2, parameter3)

form_dropdown ini mempunyai tiga parameter:

  1. Parameter pertama sebagai nama
  2. Parameter kedua berisi pilihan yang berbentuk assosiatif array
  3. Parameter ketiga berisi nilai yang terpilih dan pada parameter ketiga ini kamu juga bisa mempassing array


Contoh Kasus:

Kita akan membuat pilihan dropdown seperti ini:

Pertanyaan:

Bagaimana cara membuatnya dengan menggunakan Form Helper CodeIgniter … ?

Jawaban:

1. Pertama kita buat pilihan yang akan ditampilkan pada dropdown dengan menggunakan assosiatif array seperti berikut ini:

$opsi=array(”=>’–Pilih Tipe User–‘,’ADM’=>’Administrator’,
‘OP’=>’Operator’);

$pilihan=array(

=>‘–Pilih Tipe User–‘,

‘ADM’=>‘Administrator’,

‘OP’=>‘Operator’

);

2. Kita berikan namanya yaitu usertype sehingga bentuk kodenya adalah seperti ini:

form_dropdown(‘usertype’,$pilihan);

Kode diatas akan sama dengan kode HTML berikut ini:

<select name=“usertype”>

<option value=” “ >–Pilih Tipe User–</option>

<option value=“ADM”>Administrator</option>

<option value=“OP”>Operator</option>

</select>

Pertanyaan:

Bagaimana caranya untuk menentukan pilihan default pada dropdown … ?, misalkan seperti pada dropdown dibawah ini yaitu pilihan defaultnya berada pada ‘Operator’.


Jawaban:

Untuk menjadikan ‘Operator’ sebagai pilihan default maka kita harus memasukkan array key dari assosiatif array pada parameter ke-3 dropdown yaitu ‘OP’ seperti berikut:

form_dropdown(‘usertype’,$pilihan,‘OP’);

Kode diatas akan sama dengan kode HTML berikut ini:

<select name=“usertype”>

<option value=” “ >–Pilih Tipe User–</option>

<option value=“ADM”>Administrator</option>

<option value=“OP”  selected=“selected”>Operator</option>

</select>

Membuat Pilihan lebih dari Satu

untuk membuat pilihan lebih dari satu maka parameter ke-3 harus berupa pilihan default lebih dari satu yaitu dengan menggunakan assosiatif array.

Contoh:

Kita akan membuat tipe Administrator dan Operator terpilih seperti dropdown dibawah ini:

Pertanyaan:

Bagaimana membuatnya dengan menggunakan form helper CodeIgniter … ?

Jawaban:

1. Kita definisikan assosiatif array untuk diletakkan sebagai parameter ke-3.

$ganda=array(

ADM“=>”Administrator“,

OP“=>”Operator

)

2. lalu letakkan array $ganda di atas sebagai parameter ke-3 dari form_dropdown() seperti kode dibawah ini:

form_dropdown(‘usertype’,$pilihan,$ganda);

Kode diatas akan sama dengan kode HTML berikut ini:

<select name=“usertype” multiple=“multiple”>

<option value=” “ >–Pilih Tipe User–</option>

<option value=“ADM”  selected=“selected”>Administrator</option>

<option value=“OP”  selected=“selected”>Operator</option>

</select>

Lalu muncul pertanyaan : bagaimana cara agar kita dapat memberikan property css atau event javascript ke form_dropdown() ini … ?

Jawaban:

$js = ‘id=”pilihan” onChange=”fungsi_JavaScript();”‘;

form_dropdown(‘usertype’,$pilihan,‘OP’,$js);

Kode diatas akan sama dengan kode HTML berikut ini:

<select name=“usertype” id=“pilihan” onChange=“fungsi_JavaScript”>

<option value=” “ >–Pilih Tipe User–</option>

<option value=“ADM”>Administrator</option>

<option value=“OP”  selected=“selected”>Operator</option>

</select>

Jika Tutorial ini bermanfaat silahkan katakan “Terima Kasih Fahmi Basya Kartapura”

You may also like...

5 Responses

  1. Fandi Akhmad says:

    Bagaimana melakukan mendapatkan current value pada dropdown saat melakukan edit data?

    * value drop downnya diambil dari database

    Mhon bantuannya,

    Thanks 🙂

  2. admin says:

    Ya kamu hanya mengambil datanya dari model lalu di viewnya ikuti langkah diatas, sederhana kan.

  3. Joy says:

    Mas, kalau itu kan data list/combo-nya statis (sudah didefinisikan di array). Bagaimana kalau dia ngambil dari database… berarti harus query database dulu dan disimpan di variabel array dong???

    Misal, kita punya 2 combo, terus gimana cara combo/list yang kedua supaya bisa berubah otomatis ketika pilihan combo/list di combo/list yang dipertama berubah…. Contoh: Combo kesatu->Provinsi, dan Combo kedua->kota. Jika kita ubah provinsi, maka list/combo untuk kotanya pun berubah… nah gimana caranya mas????

  4. admin says:

    silahkan baca link ini http://a2fahmi.com/?p=6925

  5. Fandi Akhmad says:

    Thanks, sudah saya coba berhasil.
    🙂

    Untuk, dropdown yang berasal dari relasi 2 tabel gmna?

    misal:
    tabel categories
    ID NAMA
    1 Electronic
    2 Software

    tabel Item
    ID NAMA CATEGORY
    1 Laptop Electronic
    2 Adobe Software

    Jika item diedit akan muncul form edit dengan dropdown pilihan category.Dan dropdown tsb, menampilkan nama categories sesua dengan item yang diedit.
    Bagaimana fungsi joinnya?
    Mohon bantuannya

    Thanks

Leave a Reply

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