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, silahkan di ikuti :

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

CREATE TABLE `pegawai` (
  `id_pegawai` int(11) NOT NULL,
  `nip` varchar(50) NOT NULL,
  `nama_pegawai` varchar(255) NOT NULL,
  `jenis_kelamin` enum('laki-laki','perempuan') NOT NULL,
  `alamat` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `pegawai` (`id_pegawai`, `nip`, `nama_pegawai`, `jenis_kelamin`, `alamat`) VALUES
(1, '1234567', 'Robby Prihandaya', 'laki-laki', 'Jl. Angkasa Puri, Perundam 4, Tunggul HItam'),
(2, '3334897', 'Dewiit Safitri', 'perempuan', 'Jl. LInggar Jati VI, No 16 C, Tabing'),
(3, '8902344', 'Muhammad Arsenio', 'laki-laki', 'Jl. Angkasa Raya, Banjarnegoto, Ulak Karang');

ALTER TABLE `pegawai` ADD PRIMARY KEY (`id_pegawai`);
ALTER TABLE `pegawai` MODIFY `id_pegawai` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=4;

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 :




    PHPMU.Com - Isi form otomatis PHP, MySQL, Ajax


NIP
Nama Pegawai
Jenis Kelamin Laki-laki Perempuan
Alamat

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 :

  $pegawai['nama_pegawai'],
              		'jenis_kelamin'  	=>  $pegawai['jenis_kelamin'],
              		'alamat'    		=>  $pegawai['alamat'],);
 echo json_encode($data_pegawai);

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... 🙂

5 Comments

Add a Comment

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