Halo teman – teman, selamat datang kembali di website tips dan trik Dumet School. Berjumpa lagi dengan saya pada pembahasan tips dan trik seputar dunia website. Pada kesempatan kali ini saya akan memberikan tips tentang Membuat Fitur Auto Complete Multiple Value Dengan jQuery UI dimana fitur ini dapat kita gunakan di website kita. Nah autocomplete ini mengacu pada input data dan mempermudah user untuk menginput datanya. Pada artikel kali ini kita akan membuatĀ  fitur autocomplete multiple value yang di sediakan oleh jQuery UI.

Yaitu dengan menggunakan

  • multiple values : dapat kita gunakan untuk input data yang mempunyai banyak nama, misalkan input data tentang hobi.

Nah di artikel tentang Membuat Fitur Auto Complete Multiple Value Dengan jQuery UI ini kita akan membuat sebuah input data hobi.

Membuat Fitur Auto Complete Multiple Value Dengan jQuery UI

Baik, langsung saja kita buat. Teman – teman siapkan text editornya kemudian ketikkan script html nya seperti di bawah ini

Save dengan nama index.html, kemudian kita load terlebih dahulu library jQuery dan jQuery UI nya

Kemudian di bawah nya kita berikan script jQuery nya untuk membuat daftar list data nya

Pada variable hoby, saya memberikan beberapa daftar nama olahraga, teman – teman nanti juga bisa di tambahkan lagi untuk hoby lainnya selain olahraga. Jika sudah save dan jalankan pada browsernya. maka dengan begitu autocomple multiple value berhasil kita buat seperti pada gambar di atas. Oke sekian pada artikel kali ini tentangĀ Membuat Fitur Auto Complete Multiple Value Dengan jQuery UI kita lanjut pada artikel yang akan datang, semoga bermanfaat. Terimakasih dan sampai jumpa.