Select Option pada form biasa digunakan untuk menampilkan suatu pilihan tertentu yang tentunya agar mudah dalam melakukan penginputan suatu data. Select option yang akan kita bahas ini ,bagaimana saat pilih parent option lalu pada sub option menampilkan datanya. Penasaran cara menampilkan subdata select option pada CodeIgniter, yuk simak langkah-langkah berikut ini.

Langkah pertama

Kita buat persiapan database terlebih dahulu ,sahabat buat 3 table baru yaitu seperti gambar berikut:

tampil data pada select option

Langkah kedua 

Coba sahabat lakukan proses insert data pada kedua table yang sudah dibuat tadi, sebagai contoh seperti tampilan berikut

1-tampil data pada select option

Langkah ketiga 

Sahabat siapkan folder project Codeigniter, apabila belum menyiapkan file project silahkan download disini.

baiklah selanjutnya sahabat bisa tambahkan folder baru pada project silahkan beri nama assets yang nanti isinya css dan js file dari Bootstraps. Dan tambahkan juga file jquery pada folder js .2-tampil data pada select option

Jika sudah kita akan konfigurasi Codeigniter terlebih dahulu.

  • Buka file autoload.php pada folder application/config, kemudian cari code autoload libraries dan code autoload helper lalu isi dalam array seperti gambar berikut:

3-tampil data pada select option

  • buka file config.php masih dalam folder yang sama, kemudian cari code config base_url lalu isi dengan url yang nanti dipanggil pada browser

4-tampil data pada select option

  • Untuk konfigurasi database disesuaikan saja dengan server database yang dimiliki apabila username dan password sudah diganti maka jangan lupa di sesuaikan saja. pada tampilan dibawah ini username dan password masih konfigurasi default jadi username=’root’ dan password=’ ‘

5-tampil data pada select option

Langkah Ke empat

Sekarang kita akan membuat Controller, Model, dan View

  • Buat pada folder controllers lalu beri nama file Product.php lalu ketikkan seperti code berikut ini:

6-tampil data pada select option

  • Buat model pada folder model, beri nama file dengan Product_m.php lalu ketikkan seperti code berikut ini:

7-tampil data pada select option

  • Buat view pada folder views,beri nama file dengan product_view.php lalu ketikkan seperti code berikut ini:

Baiklah sekarang coba sahabat jalankan pada browser masing-masing :

  • ketikkan pada url => http://localhost/nama_folder/index.php/product (nama_folder sesuaikan seperti yang sahabat buat pertama)

9-tampil data pada select option

Jika sudah seperti ini tampilannya maka coba pilih satu dari kategori apakah akan sesuai isi dari sub kategori nya seperti gambar berikut:

tampil-data pada select option

Saya kira cukup disini dulu pembahasan dalam artikel ini tentang cara menampilkan subdata select option pada Codeigniter menggunakan ajax jquery. Semoga bermanfaat dan sampai jumpa dengan tutorial lainnya

teria kasih.

 

 

WhatsApp chat