en.javascript.info/02-ui/05-widgets/06-widget-tasks/08-autocomplete/task.md
Ilya Kantor f301cb744d init
2014-10-26 22:10:13 +03:00

1.2 KiB
Raw Blame History

Автокомплит

[importance 4]

Создайте input с автодополнением из списка.

Список задаётся массивом, например:

var list = [ 
  'Человек',
  'Че Гевара',
  'Яблоко',
  'Ноутбук',
  'Но Пасаран!'
];

var autocomplete = new Autocomplete({ 
  elem: $('#search'),
  data: list
});

Результат: [iframe src="solution" border=1]

Требования:

  • Автодополнение начинается со 2го символа.
  • Выпадающий список перекрывает документ, навигация по нему клавишами ↑ и ↓, выбор: → или Enter, скрытие списка Escape.
  • Событие `change` при нажатии Enter.

Поддержка кликов мыши, а также получение списка с сервера не требуются, но могут быть добавлены в будущем.

Исходный документ -- пустой HTML, ну или поиск Google с автокомплитом ;)