Автозаполнение текстового поля

Question

Как создать текстовое поле для автозаполнения, подобное тому, что здесь в переполнении стека для полей тегов? Я хочу использовать его для моего приложения на Rails.

Answer 1

StackOverflow использует плагин jQuery Autocomplete , поддерживает несколько элементов.

Проверьте демонстрации .

Фрагмент страницы редактирования:

$("#tagnames").autocomplete("/tags/filter", {
    max: 6,
    highlightItem: true,
    multiple: true,
    multipleSeparator: " ",
    matchContains: true,
    scroll: true,
    scrollHeight: 300
});

Answer 2

Автозаполнение текстовых полей в Rails 2

Answer 3

У вас есть 2 варианта, которые вы можете сделать Rails Jquery UJS с гемом автозаполнения ИЛИ TokenInputs и посмотреть Railscasts на TokenFields о том, как настроить его для вашей ситуации. Лично мне нравится, что последний делает со своими личными темами.

Answer 4

Основная идея заключается в том, что вы запускаете AJAX-запросы к серверу, используя события onkeydown или onkeypress (желательно с небольшим количеством задержек), которые выполняют поиск с использованием введенного текста и отсылают возможные завершения к клиент. Затем клиент выполняет манипуляции с DOM для их отображения.