Как сделать input с выпадающим списком типа select на bootstrap?

Question

[Chvalov]

Как сделать выпадающий список при нажатии на input, также как это реализовано в браузерном аддоне RESTer

select - не вариант, так как не все значения можно предвидеть
input list - также не подходит, показывает список при двойном клике и значения должны совпадать со списком datalist

Answer 1

[Евгений]

Ajax?

Comments

[Chvalov]

Да, значения будут подгружаться с помощью Ajax
но так как не все значения можно предвидеть, нужно дать возможность пользователям - вводить свои значения

[Евгений]

Chvalov, дык это обычный инпут, а список сделать ul с position: absolute

[Chvalov]

Евгений, что-то не совсем понял, как получить нужный эффект
получается тот-же что и с datalist

Answer 2

[Fedor]

https://www.w3schools.com/bootstrap/bootstrap_filt...
https://www.w3schools.com/howto/howto_js_filter_dr...

А содержимое обновлять на сервере при выдаче клиенту или аяксом (сори, в js не силен).

Answer 3

[Chvalov]

https://codepen.io/massimo-cassandro/pen/NqRmMe
https://www.phpzag.com/autocomplete-search-with-bo...
https://itsolutionstuff.com/post/dynamic-autocompl...