Lompat ke konten Lompat ke sidebar Lompat ke footer
banner

PHP Bootstrap - input tag autocomplete dinamis menggunakan plugin jquery

PHP Bootstrap - input tag autocomplete dinamis menggunakan plugin jquery


Dalam tutorial ini, saya akan memberi tahu Anda cara menerapkan beberapa tag input dengan data dinamis dari tabel database MySQL menggunakan plugin jquery "tagmanager" dan "typeahead" JS.

Ini diperlukan dalam aplikasi di mana Anda perlu menunjukkan opsi yang dipilih pengguna di area teks dalam tag dengan opsi hapus.

Fungsionalitas ini dapat dilakukan dengan sangat mudah dengan menggunakan plugin "tagmanager" jQuery untuk beberapa tag input berdasarkan pilihan pengguna dari daftar data dinamis.

Dengan menggunakan plugin Pengelola Tag, Anda dapat mengelola tag masukan secara terpisah dari setiap masukan dengan tata letak yang lebih baik.

Ada begitu banyak plugin yang tersedia untuk beberapa tag input tetapi plugin Tag Manager dapat dengan mudah diimplementasikan ke dalam aplikasi dengan gaya tag yang berbeda.

Anda dapat memicu peristiwa untuk mendapatkan pemberitahuan ketika sesuatu terjadi. Misalnya, ketika Anda akan mendorong tag baru atau Anda telah mendorong tag baru dan juga ketika Anda menghapus tag apa pun maka Anda dapat mengaitkan peristiwa ini.

Untuk menggunakan pengelola tag, Anda harus memiliki pustaka berikut:

  • bootstrap.min.css
  • tagmanager.min.css
  • jquery.min.js
  • bootstrap.min.js
  • tagmanager.min.js
  • bootstrap3-typeahead.min.js

Untuk contoh ini, saya memiliki tabel database dengan semua negara:


Sekarang buat file "index.php" untuk pengujian:

index.php


negara.php



Posting Komentar untuk "PHP Bootstrap - input tag autocomplete dinamis menggunakan plugin jquery"