JQuery Custom AutoComp или AutoSuggest

Question

У меня есть несколько input[type="text"] с классом .autocomp, Теперь, когда я что-то ищу, он выдает вывод из базы данных mysql через php и выводит его в формате html, используя довольно простой jquery.

Теперь мой вопрос: какой из них лучший? (Вы тоже можете предложить свой собственный путь)?

• Сделать див #searchbox положить в body а также onkeyup() взятьdata из php и вывести его на #searhbox а также позиционировать #searchbox ниже .autocomp используя jQuery и скрыть его onclick().search-cont
• onkeyup() добавить .searchbox родителю .autocomp если не существует и remove() это по клику .search-cont
• создать несколько .searchbox в родителя .autocomp а также show() а такжеhide() соответственно

Или может быть что-то еще? Пожалуйста, предложите.

PS: я не хочу использовать плагин jQuery.

Answer 1

Ваш первый подход - эффективный из трех.

Заставьте div #searchbox поместить его в тело, а onkeyup() взять данные из php и вывести их в #searhbox, а также расположить #searchbox ниже.autocomp с помощью jQuery и скрыть его onclick() .search-cont

Тем не менее, вы можете сделать его более эффективным, разместив окно поиска с помощью CSS, а не JQuery. Просто установите его отображение на none, когда он будет расположен в нужном месте. Перед загрузкой результатов в него сделайте его show() через jquery, и как только фокус сместится с поля ввода, просто спрячьте его снова.