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 auto_com_1
  4. Buat fungsi ambil_nama()
    auto_com_2
  5. Buat fungsi di jquery untuk memasukan hasil dari fungsi ambil_nama kedalam array di jquery
    auto_com_3
  6. Buat html untuk menampilkan kotak textbox
    auto_com_4
  7. Jalankan dan lakukan percobaan dengan mengetikan sembarang huruf di kotak textbox
    auto_com_5

Untuk mempelajari fitur autocomplete ini silahkan download scriptnya.

DOWNLOAD

 sumber : http://ozs.web.id/2014/01/autocomplete-dari-mysql-di-textbox-dengan-jqueryui/

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s