Selasa, 19 Desember 2017

Data Form muncul Otomatis setalah pilih data combobox PHP dan Ajax


Data Form muncul Otomatis setalah pilih data combobox PHP dan Ajax


Tulisan kali ini mungkin tidak asing lagi, jika anda pernah melihat pada sebuah form yang jika pilihan combobox dipilih atau terpilih maka data yang terkait dengan pilihan pada combobox tersebut akan tampil secara otomatis pada semua form input. 

Pada kesempatan ini, untuk membuatnya kita akan coba menggunakan PHP, Ajax dan MySQL, prosesnya ketika data di combobox dipilih maka value / data yang dikirimkan via ajax akan di proses dan di cek ke database yang ada, maka jika data yang dipilih pada combobox ditemukan didalam database, selanjutnya semua data terkait akan ditampilkan ke semua form input yang kita buat, jika anda berfikir artikel ini benarik maka silakan simak, lanjutkan membaca dan ikuti semua tahapan berikut :

1. Buat database dan siapkan Tabel dan beberapa record yang diperlukan


Nama Database yang kita buat dalam tutorial ini adalah bernama ajax, selanjutnya buatlah table dengan code SQL berikut :


2. Buatlah file Config atau Koneksi ke Database


Setelah proses pembuatan database, tabel dan beberapa record selesai. Selanjtnya adalah membuat file koneksi ke database. Tujuannya adalah agar program yang sedang kita buat dapat terhubung ke database yang kita buat. 

File ini dibuat dengan Ektensi .php karena kita menggunakan bahasa pemrograman PHP. Dalam Tutorial ini saya beri nama config.php , berikut ini adalah source codenya :



3. Buat Form pada Input


Halaman atau file ini berisi file Form Input yang kita gunakan untuk memilih dan menampilkan data secara otomatis pada combobox. File ini kita beri nama index.php , dan berikut source codenya :



4. Proses data dengan Ajax


File ini kita beri nama ajax.php yang berfungsi untuk memproses data yang kita pilih pada combobox yang sudah kita buat sebelumnya. Berikut source codenya :


Dan akhirnya SELESAI. Berikut ini adalah tampilan yang seharusnya berjalan jika anda mengikuti setiap tahapan Tutorial Data Form muncul Otomatis setalah pilih data combobox PHP dan Ajax dengan benar.

Pilih Salah satu ID, sebagai contoh saya pilih ID 1234569 maka data yang tampil adalah seperti dibawah ini :

Bagaimana, sangat mudah bukan? Semoga artikel ini bermanfaat dan bisa menambah pengetahuan anda. Terima Kasih. Sebagai bonus, saya lampirkan File Full Source Code lengkap dengan file SQL databasenya yang bisa anda Download di bawah ini :


Jangan lupa share artikel ini ya, supaya lebih bermanfaat bagi sahabat yang lain. Insya Allah jadi nilai ibadah. :)

5 komentar

Selamat siang pk, saya mau tanya. Bapak melayani jasa SEO murah gak? kalau bisa juga dengan buat website murahnya juga.

Silakan hubungi saja, saya langsung di 08562050812.

bisa ngak kirim filenya ke alamat email saya

Itu tinggal di download saja mas. Terima Kasih

Kalo pake nya javascript cara nya gimana?

Berkomentarlah dengan baik dan bijak, Conten terlarang akan di remove oleh admin.
EmoticonEmoticon