Form example

Auto Date Saturday, August 22nd, 2015

Seorang rekan bertanya melalui WhatsApp aka WA menanyakan tentang form submit data dimana field yang ada di dalamnya form tersebut adalah field Fakultas menggunakan box dropdown dan jurusan menggunakan Opsi Radio. kira-kiranya seperti berikut:

Jurusan akan ditampilkan sesuai dengan Fakultas yang dipilih. Misalkan ada Fakultas Teknik dengan jurusannya: Teknik Mesin, Teknik Elektro dan Teknik Informatika serta Fakultas Ekonomi dengan jurusannya: Akutansi dan manajemen. Ketika dipilij Fakultas Teknik maka Jurusan akan ditampilkan adalah Jurusan yang ada di Teknik yaitu Teknik Mesin, Teknik Elektro dan Teknik Informatika, demikian pula jika yang dipilih adalah Fakultas Ekonomi maka Jurusan yang di tampilkan adalah Akutansi dan Manajemen.

melihan request seperti itu trik paling mudah yang digunakan adalah memanfaatkan ajax dan di bungkus dengan jquery.

Pertama buat HTML form dasarnya:

Ajax Jquery Source Code
Selanjutnya menambahkan CDN Jquery, meletakannya bisa di bagian header atau sebelum penutup tag body :

Berikutnya membuat javascript untuk proses load data sesuai dengan pilihan Fakutasnya

berikutnya kita buat file untuk memilah data yang diinginkan dalam file: loadatajurusan.php yang kira-kira isinya sebagai berikut:

Download File Source Code:

Tinggalkan Komentar Anda