36 lines
No EOL
1.2 KiB
Markdown
36 lines
No EOL
1.2 KiB
Markdown
# Автокомплит
|
||
|
||
[importance 4]
|
||
|
||
Создайте `input` с автодополнением из списка.
|
||
|
||
Список задаётся массивом, например:
|
||
|
||
```js
|
||
var list = [
|
||
'Человек',
|
||
'Че Гевара',
|
||
'Яблоко',
|
||
'Ноутбук',
|
||
'Но Пасаран!'
|
||
];
|
||
|
||
var autocomplete = new Autocomplete({
|
||
elem: $('#search'),
|
||
data: list
|
||
});
|
||
```
|
||
|
||
Результат:
|
||
[iframe src="solution" border=1]
|
||
|
||
Требования:
|
||
<ul>
|
||
<li>Автодополнение начинается со 2го символа.</li>
|
||
<li>Выпадающий список перекрывает документ, навигация по нему клавишами ↑ и ↓, выбор: → или Enter, скрытие списка Escape.</li>
|
||
<li>Событие `change` при нажатии Enter.</li>
|
||
</ul>
|
||
|
||
Поддержка кликов мыши, а также получение списка с сервера не требуются, но могут быть добавлены в будущем.
|
||
|
||
Исходный документ -- пустой HTML, ну или [поиск Google с автокомплитом](http://google.com) ;) |