Membuat Combobox Berantai Dengan Javascript (AJAX)

SeniKoding.com - Ajax Combobox Bertingkat atau Berantai atau bisa juga disebut Ajax Autocomplate adalah manipulasi data gabungan server side seperti pemrogramman PHP dengan Javascript (Ajax) yang dimana data yang kita pilih akan menentukan hasil dari data yang lain secara otomatis.

Seperti contoh memilih Program Studi mahasiswa untuk menentukan nama Matakuliah yang berdasarkan Program Studi yang dipilih, atau contoh lain menampilkan nama Kota berdasarkan Provinsi yang dipilih contoh memilih Provinsi DKI Jakarta kemudian akan otomatis kota terseleksi dengan Provinsi yang dipilih saja. Cara tersebut digunakan untuk mempermudah user didalam pencarian / pemilihan inputan.

Membuat Combobox Berantai Dengan Javascript (AJAX)

AJAX merupakan gabungan dari teknologi atau pemrogramman Javascript, HTML, XML, CSS dan Server Side Client. Jadi jika belum mempelajari beberapa program diatas disarankan untuk belajar program program tersebut.

AJAX singkatan dari Asynchronous JavaScript And XMLHTTP adalah suatu teknik pemrogramman web dalam waktu pemprosesan data dengan web server, yang dilakukan atau diolah dibelakang layar sehingga pemrosesan atau pergerakan tidak diketaui secara visual oleh user sehingga lebih iteraktif dan lebih cepat.

Interaksi ini yang biasa dipakai oleh user untuk menunjukkan kehebatan dari web itu sendiri selain daripada untuk kecepatan. Cara ini banyak disukai para Programmer website untuk interaksi dengan program programnya sehinggan lebih terlihat baik.

Ada beberapa langkah cara untuk membuat Ajax Autocomplate ini, kita langsung saja:

- Pertama buat koneksi ke MYSQL, buat file confg.php.

<?php
$db = mysqli_connect("localhost", "root", "", "tes_combo");
?>

- Kedua buat FORM inputannya, buat file ajax-combo-bertingkat.php yang akan disertakan pada file lengkapnya.

- Ketiga buat script aksi comboboxnya, buat file aksi_combo.php, script bisa dilihat difile lengkapnya.

- Dan terakhir IMPORT kan database tes_combo.sql ke database Phpmyadmin kesayangan anda :).

Silakan untuk bahan berkarya bisa di unduh disini Kode Ajax Autocomplate.

Semoga bermaanfaat artikel Membuat Ajax Combobox Bertingkat, Jika ada yang kurang jelas bisa di diskusikan di komentar.

Ada pertanyaan tentang Belajar JAVASCRIPT ?

- Salam, Happy Coding -