How to use juqery-ui to complete the association query function

This article introduces you to how to use juqery-ui to complete the association query function. It has a good reference value and I hope it can help friends in need.

Recently, the company's project has a requirement that requires the use of the association query function.
is a text input box. When typing, get the value and go to the backend for fuzzy query and then display it below according to the list.
The effect is as shown below:

After searching, I found this plug-in and checked the information to complete this function.
That is, static data can be realized. Dynamic capture and display can also be completed.
The usage method is as follows:
(1) Import the jquery-ui file, and of course the jquery file
(2) Define an input tag
Just import the code