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 :
- Buat database
- import script tabel yang sudah disertakan dalam file yang bisa anda download diakhir tulisan ini.
- Buat koneksi ke database
- Buat fungsi ambil_nama()
- Buat fungsi di jquery untuk memasukan hasil dari fungsi ambil_nama kedalam array di jquery
- Buat html untuk menampilkan kotak textbox
- Jalankan dan lakukan percobaan dengan mengetikan sembarang huruf di kotak textbox
DOWNLOAD
hasil output cuma satu kolom, bagaimana field yang ada di database di tampikan dalam masing – masing kolom, sehingga detail dari pencarian ditampilkan semua.
sebelumnya terima kasih atas bantuannya
pada bagian fungsi ambil_nama ganti baris :
$nama.='”‘.$data_nama[‘nomor’].’ – ‘.stripslashes($data_nama[‘nama’]).'”,’;
dengan menyebutkan field-field yang akan ditampilkan
$nama.='”‘.$data_nama[‘field_1′].’ – ‘.stripslashes($data_nama[‘field_2′])..’ – ‘.stripslashes($data_nama[‘field_n’]).'”,’;
mas ozs boleh nanya..misalkan saya pilih nama Oya suryana (texbox autocomplete), terus misalkan di bawahnya di tambahin textbox lagi alamat..jadi ketika saya pilih nama langsung otomatis terisi alamatnya di textbox bawahnya ..mohon pencerahannya mas..
silahkan baca artikel :
http://ozs.web.id/2014/11/autocomplete-jquery-dari-mysql-dengan-dua-text-input/
baru pengalaman pake fungsi, ane praktekin masgan