How to implement a drop-down list for input text (analogous to Google)?

Question

css

Hello, tell me, please, how to make a drop-down list of search results like Google's? Search results come to me via ajax and at the moment I display them as list items (ul + li), but then I remembered that Google has a very convenient way to select these results. That is, we write something in the search bar, we receive options (in the form of a list) and by pressing the down / up arrow we can choose what we need.
Surely someone has already done this, but I can not find the right one. There is a close solution on select2 but it's not much.

Answer 1

In addition to the above - in HTML5 there is a datalist tag , the options of which can be generated by JS when typing.

Answer 2

jquery suggestions / jquery autocomplete