Log Of Oyazhuryachna

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

 

, ,

6 thoughts on “Autocomplete dari MySQL Di Textbox dengan JqueryUI

Leave a Reply

Your email address will not be published. Required fields are marked *