Cara Mudah Membuat Dropdown Select Auto Submit saat Berganti Pilihan dengan Php. Halo semuanya kembali lagi di sahretech. Kali ini kita akan membahas trick yang tidak kalah menarik yaitu cara untuk menampilkan data di dalam sebuah form. Cara ini biasa digunakan untuk menampilkan data sesuai dengan kategori yang diinginkan saja, sehingga load halaman menjadi lebih ringan. Untuk tahu lengkapnya, silahkan ikuti artikel berikut ini!
Mungkin istilah yang lebih tepat adalah membuat filter data berdasarkan pilihan dropwdown. Jadi di artikel ini kita akan memanfaatkan sedikit fungsi javascript, dan php untuk membuat fitur sederhana ini, dan untuk datanya sendiri kita akan coba memanfaatkan database MySQL. Ok untuk hasilnya saya preview di bawah ini.
| Form Filter Data |
Oh iya, saya juga membuat artikel serupa berikut ini linknya //www.sahretech.com/2020/08/cara-membuat-fitur-pencarian-hanya.html. Perbedaan artikel yang akan kita bahas dengan artikel pada link di atas adalah pencarian data masih menggunakan tombol, sedangkan tutorial yang akan kita bahas tidak menggunakan tombol, sehingga saat dropdownnya diganti maka hasil di bawahnya juga akan terganti. Selain itu, pada tutorial kali ini hasil filtering data akan kita tampilkan di dalam form.
1. Membuat Tabel
Pertama, buatlah database latihan, lalu buatlah sebuah tabel sederhana dengan nama mahasiswa dan struktur seperti gambar berikut ini. Lalu jangan lupa tambahkan beberapa data di dalamnya.
| Membuat tabel mahasiswa |
2. Membuat Halaman Form
Kemudian, buatlah sebuah folder baru di dalam htdocs dengan nama filter_dropdown. Lalu buat sebuah file dengan nama index.php. Copy Paste script di bawah ini di dalam file index.php kalian.
Latihan Form Filter Data