Cara menggunakan selected option php

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 https://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.

  



    
    
    
    
    





    

    
        

            

                Jurusan
                
                
                    --Pilih Jurusan--
                     value="Sistem Informasi">Sistem Informasi
                     value="Informatika">Informatika
                     value="DKV">DKV
                     value="Akuntansi">Akuntansi
                
            
        
        

            

            

                Nama Mahasiswa
                
                    --Pilih Mahasiswa--
                    
                    
                        
                    
                
            
            Submit
        
    




  

Penjelasan:

Pertama kita akan membuat koneksi ke database, settingnya ada pada line 12 hingga line 21. Lalu kita buat sebuah kondisi pada line 24 hingga line 33 dimana jika variabel $_GET['jurusan'] diset maka akan mengambil data dari database berdasarkan variabel $_GET['jurusan'], atau jika variabelnya belum diset maka data kosong. 

Kemudian pada line 38 ke bawah kita akan menampilkan sebuah form inputan dengan dropdown select yang menampilkan data jurusan. Dropdown select ini diberi event onchange, dimana akan mengirim data secara otomatis saat dropdown select berubah. Lalu kita buat sebuah form input baru berbentuk dropdown select juga, data didapat dari kondisi yang dibuat pada line 24 hingga line 33, data akan ditampilkan berdasarkan jurusan yang dipilih

save!, lalu coba kalian jalankan hasilnya di browser. Maka hasilnya akan tampak seperti gambar di bawah ini.

Ok, cukup mudah bukan?, penerapannya cepat hanya cukup 1 halaman dan tidak perlu banyak logika dan script. Dan yang paling penting load halaman menjadi lebih cepat. Baiklah, sekian tutorial Cara Mudah Membuat Dropdown Select Auto Submit saat Berganti Pilihan dengan Php. Semoga tutorial ini dapat membantu kalian semua, kurang lebihnya saya mohon maaf, jika ada yang salah atau ada codingan yang sulit dipahami silahkan tinggalkan komentar kalian di bawah ini. Sampai jumpa di tutorial menarik lainnya. Happy Coding!😄