Masih Berhubungan dengan yang kemarin ya teman-teman setelah kemarin kita berhasil menampilkan sebuah data berdasarkan urutan dari abajad besar ke kecil dan sebaliknya, dan sekarang kita akan coba bagaimana cara menampilkan banyak data dari select option Ajax, jadi data yang di tampilkan berdasarkan select option yang kita pilih misal disini saya ingin menampilkan data sebanyak 5 maka limit yang di hasilkan adalah 5 sperti itu, oke bagaimana cara membuatnya simak terus ya, teman-teman.

Seperti yang saya tulis di atas cara menampilkan banyak data dari select option Ajax, adalah data yang di tampilkan bedasarkan select option yang di pilih karena di dalam option itu terdapat value dan value itu lah yang kita pakai untuk mempasing data dari ajax ke web servicenya seperti itu, dan seperti biasanya saya masih menggunakan database sebelum-sebelumnya jadi bagi teman-teman yang yang baru saja bergabung silahkan lihat lagi artikel saya sebelumnya tentang menampilkan ajax ya, jika sudah oke disini saya membuat select optionya seperti ini:

Disini saya mencontohkannya cukup dengan 4 value saja dan yang satu defaultnya ya yaitu 4, dan saya memberikan id dengan tampil7, entah kenapa saya menggunakan nama dengan tmapil7 ya, hehe, oke jika sudah disini saya akan menggunakan event change seperti ini

jika diliha ketika event change aktif maka akan di bawa ke app.tampilbanyak dan bisa dilihat app.banyak itu adalah ajaxnya dan ajaxnya seperti ini:

oke Seperti yang saya tulis di atas, disini untuk mengambil valunya saya menggunakan this.val() dimana value tersebut untuk data limit di webservicenya, oke sekarang kita ke webservicenya:

 

Disini saya menggunakan else if, karena sebenarnya ada beberapa if type nantinya supaya ketika event change ini dengan type banyak maka else if ini lah yang akan aktif seperti itu kurang lebihnya, paham ya, oke jika dilihat maka tampilannya akan seperti ini:

cara menampilkan banyak data dari select option Ajax cara menampilkan banyak data dari select option Ajax

Oke silahkan teman-teman coba sendiri, dari saya cukup sampai disini belajar kita tentang cara menampilkan banyak data dari select option Ajax, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.