Tampilkan isi form otomatis setelah pilih data combobox PHP dan Ajax

Mungkin tidak asing lagi jika melihat pada sebuah form dimana jika pilihan combobox terpilih maka data yang terkait akan tampil secara otomatis pada semua inputan di form. untuk membuatnya kita akan menggunakan PHP, Ajax dan MySQL, prosesnya ketika data di combobox terpilih maka value yang dikirimkan via ajax akan di proses dan di cek ke database, jika ditemukan maka data akan ditampilkan ke semua inputan form, berikut tahapannya :

1. Siapkan database,Tablenya, dan beberapa record data.

2. Koneksi ke Database
Hal pertama yang harus dilakukan adalah membuat koneksi ke database, kode koneksi berguna untuk menghubungkan antara program kita ke sebuah database, untuk koneksi umumnya ditempatkan dengan sebuah file yaitu koneksi.php :

3. Membuat halaman form
Selanjutnya kita buatkan form yang akan menjadi wadah memilih dan sekaligus menampung hasil data terkait yang dipilih. buatlah sebuah file dengan nama index.php, dan isikan dengan script berikut ini :

4. Proses data yang terpilih dengan Ajax
Selanjutnya kita akan membuat sebuah file baru untuk memproses data yang dikirimkan dari combobox nip, dan selanjutnya di proses/cek ke database dan kemudian data akan dikembalikan dalam json. buatlah file dengan nama ajax_cek.php, ketikkan kode berikut :

Selesai dan berikut penampakan dari hasil akhirnya :

Bagaimana Cukup mudah bukan? silahkan dicobakan dan semoga bermanfaat, jika ada yang perlu ditanyakan silahkan meninggalkan komentar pada form dibawah ini atau juga bisa melalui forum komunitas members area phpmu.com di https://members.phpmu.com/forum dan sampai jumpa lagi di artikel menarik lainnya… ๐Ÿ™‚

Robby Prihandaya

Chief Executive Officer at https://phpmu.com
Robby is an Engineer, Entrepreneur, Thinker and Founder of phpmu.com programming blog. a very popular web development site, Lives in Padang - Indonesia

Author: Robby Prihandaya

Robby is an Engineer, Entrepreneur, Thinker and Founder of phpmu.com programming blog. a very popular web development site, Lives in Padang - Indonesia

  • Agus Dikmen

    kenapa component checkboxnya nggak ada mas, misalnya untuk memilih hobby, kalau ada benar2 perfect

    • Robby Prihandaya

      Karena untuk checkbox caranya sama dengan radio,..
      silahkan dicoba2kan, biar sipembaca ada usaha untuk belajar juga,.. ๐Ÿ™‚

      • Agus Dikmen

        hee. sip mantaab, tapi kalau mentok nanya lagi ya … trims