Membuat Form inputan dengan Select Box Dinamis Dari Tabel Database
Selamat pagi guys, diakhir pekan yang cerah ini, saya akan berbagi tutorial cara membuat for inputan dengan menggunakan select box dimana nilai option value-nya berasal dari database. Banyak kondisi Diana kita memerlukan sebuah select Box untuk membuat inputan. Seperti pada contoh yang akan kita buat, yaitu menginputkan data siswa dengan input nama siswa dan pilihan kelas yang berasal dari select Box. Tutorial ini masih sangat sederhana karena penulis juga baru belajar membuatnya. Jadi supaya tetap ingat sengaja dehh sekalian buat tutorial Ana, siapa ada yang menemukan kesulitan yang sama seperti penulis ketika pertama membuat select Box dinamis.
Pertama kita buat dulu databasenya dengan nama “select_box” dan buat 2 tabel dengan nama ‘siswa’ dan ‘kelas’, berikut strukturnya;
Jangan lupa set auto increment pada tiap id tabel , kemudian isi data pada tabel kelas;
Sekarang kita buat koding.nya, pertama kita buat dulu folder dengan nama select_box_dinamis di dalam folder htdocs, berikut adalah struktur file yang berada di dalam folder select_box_dinamis
kemudian kita mulai buat kode, pertama buat dulu file index.php sebagai form inputan data. Berikut kodenya.
kode inti untuk membuat select Box dinamis berada pada baris 19-25 dimana kita memanggil data yang ada di tabel kelas dengan perintah select* krom.... kemudian kita looping(perulangan) data array yang sudah dipilih(mysqli_fetch_array) dengan while...
lalu buat file koneksi.php, untuk mengkoneksikan dengan data di database.
Berikutnya buat file aksi_input.php untuk membuat aksi menginputkan data ke dalam database table siswa.
terakhir kita buat file tampil.php untuk menampilkan data yang tadi sudah kita inputkan.
Sekarang kita coba cek, dengan mengakses folder select_box melalui URL, jangan lupa aktifkan modul apache dan MySQL pada xampp. Jika berhasil hasilnya seperti berikut.
dan setelah berhasil diinputkan, maka tampilannnya.,
demikian tutorial kali ini, mohon masukan untuk perbaikan :D semoga bermanfaat...
Selamat pagi guys, diakhir pekan yang cerah ini, saya akan berbagi tutorial cara membuat for inputan dengan menggunakan select box dimana nilai option value-nya berasal dari database. Banyak kondisi Diana kita memerlukan sebuah select Box untuk membuat inputan. Seperti pada contoh yang akan kita buat, yaitu menginputkan data siswa dengan input nama siswa dan pilihan kelas yang berasal dari select Box. Tutorial ini masih sangat sederhana karena penulis juga baru belajar membuatnya. Jadi supaya tetap ingat sengaja dehh sekalian buat tutorial Ana, siapa ada yang menemukan kesulitan yang sama seperti penulis ketika pertama membuat select Box dinamis.
Pertama kita buat dulu databasenya dengan nama “select_box” dan buat 2 tabel dengan nama ‘siswa’ dan ‘kelas’, berikut strukturnya;
Jangan lupa set auto increment pada tiap id tabel , kemudian isi data pada tabel kelas;
Sekarang kita buat koding.nya, pertama kita buat dulu folder dengan nama select_box_dinamis di dalam folder htdocs, berikut adalah struktur file yang berada di dalam folder select_box_dinamis
kemudian kita mulai buat kode, pertama buat dulu file index.php sebagai form inputan data. Berikut kodenya.
kode inti untuk membuat select Box dinamis berada pada baris 19-25 dimana kita memanggil data yang ada di tabel kelas dengan perintah select* krom.... kemudian kita looping(perulangan) data array yang sudah dipilih(mysqli_fetch_array) dengan while...
lalu buat file koneksi.php, untuk mengkoneksikan dengan data di database.
Berikutnya buat file aksi_input.php untuk membuat aksi menginputkan data ke dalam database table siswa.
terakhir kita buat file tampil.php untuk menampilkan data yang tadi sudah kita inputkan.
Sekarang kita coba cek, dengan mengakses folder select_box melalui URL, jangan lupa aktifkan modul apache dan MySQL pada xampp. Jika berhasil hasilnya seperti berikut.
dan setelah berhasil diinputkan, maka tampilannnya.,
demikian tutorial kali ini, mohon masukan untuk perbaikan :D semoga bermanfaat...
Comments
Post a Comment