Autocomplete dari MySQL Di Textbox dengan JqueryUI

Autocomplete merupakan salah satu fitur dari JqueryUI, fitur ini berguna untuk validasi dalam input data untuk memastikan apakah data yang akan diinput sudah ada atau belum, atau berguna juga untuk melakukan pencarian data.

Pada artikel kali ini akan dibahas cara membuat autocomplete dimana data yang tampil di textbox diambil dari tabel di database  mysql. Berikut langkah-langkahnya :

1. Buat database
2. import script tabel yang sudah disertakan dalam file yang bisa anda download diakhir tulisan ini.
3. Buat koneksi ke database

   

4. Buat fungsi ambil_nama()
   
5. Buat fungsi di jquery untuk memasukan hasil dari fungsi ambil_nama kedalam array di jquery
   
6. Buat html untuk menampilkan kotak textbox
   
7. Jalankan dan lakukan percobaan dengan mengetikan sembarang huruf di kotak textbox
   

Untuk mempelajari fitur autocomplete ini silahkan download scriptnya.

DOWNLOAD