Membuat Modal Select Option Menggunakan Jquery dan Bootstrap

Modal Select Option

Membuat Modal Select Option Menggunakan Jquery dan Bootstrap | Fungsinya hampir sama dengan select option seperti ini..

Select Option

Fitur Select pada form di atas sangat sederhana, karena data yang di muat sedikit, namun keadaan harus memaksa memilih alternatif lain jika data yang di muat pada select option berjumlah sangat banyak, akan sangat kurang efisien jika menggunakan select sederhana seperti di atas..

Nah berikut kita akan Membuat Modal Select Option Menggunakan Jquery dan Bootstrap untuk memuat data pada select, meskipun jumlahnya sangat banyak, tidak akan begitu merepotkan bagi user..

Baiklah kita mulai, buatlah file index.php dan masukkan script di bawah ini :



lalu download file berkas style berisi jquery dan css yang sudah saya sediakan Disini..

Posisikan file dan style seperti ini..

Posisi file

Jika sudah, maka Membuat Modal Select Option Menggunakan Jquery dan Bootstrap sudah selesai dan bisa di jalankan.. buka di browser..

Tampilan awal akan seperti ini..

Modal select option datataables

Klik tombol browse untuk mencari kode produk..

Modal data produk

Data produk akan di tampilkan dalam modal..

Klik salah satu baris table..

Form input terisi Kode dan Nama Produk

Form input akan otomatis terisi dengan kode dan nama produk..

Demo | Download

semoga bermanfaat yah..

Tweet