Tutorial Membuat Dropdown Bertingkat 3 Dengan PHP Object dan MySQL

Initekno.com – Dropdown bertingkat biasanya sering kita temukan ketika kita melakukan pengisian biodata pada suatu website yang bersifat dokumen. Dan biasanya kita akan menjumpai itu manakala kita harus mengisikan dropdown secara berurutan mulai dengan provinsi, kota, kecamatan, dan terakhir desa.

Tapi kali ini saya tidak akan menggunakan studi kasus itu, karena sudah banyak bertebaran di luar sana, melainkan studi kasus ini saya terapkan di lingkup pengisian nilai siswa. Dari segi logika sama, cuman kasusnya saja yang berbeda. Baik, silahkan ikuti langkahnya seperti berikut ini:

Pastikan kamu menyiapkan 3 tabel seperti berikut ini :

Tabel trx_lokasi

Tabel trx_kelas

Dan terakhir yaitu trx_induk

hasil dari program yang akan kita buat kurang lebih akan seperti berikut ini :

Struktur diatas akan otomatis berurutan, dan tidak akan jalan struktur 2 dan 3 apa bila struktur 1 belum dipilih. Artinya apa?.. dari permasalahan ini akan didapatkan induk siswa di masing-masing kelas dan kelas di masing-masing lokasi yang kita pilih. ok, mungkin jika kita tidak langsung menuliskan kode programnya maka akan kebingungan, silahkan buka text editor kesayangan kamu dan tulis kode dibawah ini :

index.php

generate.php

Untuk bagian header.php dan footer.php pastikan kamu membaca terlebih dahulu artikel sebelumnya, dalam artikel tersebut kamu akan membuat multiple login akses dengan php object dan mysql. Dan tak lupa sistem templating didalamnya seperti header.php dan footer.php

Tutorial Login Multiple Dengan PHP Object Dan MySql

add.php ini adalah rangkaian kode untuk menyimpan data, kamu tidak perlu melakukan copy keseluruhan kode. cukup beberapa baris kode saja, tapi tenang ini akan kita bahas di artikel versi terpisahnya. untuk lebih lengkapnya simak kode berikut ini.

Terdapat kode javascript cari_induk.php dan cari_kelas.php, silahkan ketik masing masing kodenya

cari_induk.php cari induk adalah kode yang akan di load oleh javascript untuk melakukan cek bahwa dalam tabel induk ada trx_id kelas yang berelasi. sehingga di dapatkan id induk siswa sesuai kelas yang kita pilih.

cari_kelas.php kode ini akan akan di load dengan javascript untuk memastikan bahwa ada tabel trx_id_lokasi yang berelasi dalam tabel trx_kelas. sehingga ketika lokasi dipilih, maka akan menampilkan data kelas yang sesuai.

Sekarang kamu akan menemui beberapa hasil dari rangkaian kode seperti diatas. di sini saya menerapkan multiple insert pada php object dan mysql. multiple insert adalah klik satu kali untuk memasukkan data banyak sekaligus. silahkan ikuti tutorial diatas semoga bermanfaat. Dan jangan lupa isi komentar jika kamu mengalami error atau hanya sekedar kesulitan dalam melakukan implemetasinya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *