autocomplete - автозаполнение текстовых полей

autocomplete([methodName, option, value])

autocomplete([methodName, param_obj])

autocomplete([param_obj])

• methodName - методы виджета

  • close - Закрывает раскрывающийся список элементов автозаполнения

  • destroy - Полностью удаляет функциональность автозаполнения из элемента input

• disable - Приостанавливает работу виджета Autocomplete для базового элемента

• enable - Возобновляет работу ранее приостановленного виджета Autocomplete

• option - Устанавливает значения одного или нескольких свойств

• search - Запускает процедуру поиска элементов автозаполнения, соответствующих указанному значению. Если аргумент значение не предос­тавлен, используется содержимое элемента input

• param_obj - объект с параметрами

  • appendTo - элемент, к которому должен быть присоединен раскрывающийся список элементов

  • autoFocus - автоматическое установление на первом элементе списка

  • change - обработчик, когда фокус ввода выходит за пределы текстового поля после изменения содер­жащегося в нем значения

  • close - обработчик, при закрытии раскрывающегося списка элементов автозаполнения

  • create - обработчик, при инициализации экземпляра виджета Autocomplete для данного элемента

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

  • disabled - отключение элемента

  • focus - обработчик, когда элемент автозаполнения получает фокус в раскрывающемся списке

  • minLength - минимальное число символов, после которого появится список для автозаполнения. По умолчанию 1

  • open обработчик, при открытии раскрывающегося списка элементов автозаполнения

  • search - обработчик, перед генерацией раскрывающегося списка элементов автозаполнения или пе­ред поиском в нем подходящих элементов

  • select - обработчик, при выборе элемента списка автозаполнения

  • source - данные, массив строк, массив объектов, урл получения данных

    $('acInput').autocomplete({
        source: ['Розы', 'Фиалки']
    })
    

    $('acInput').autocomplete({
        source: [
            {
                label: 'Розы (розовые)',
                value: 'Розы'
            }, {
                label: 'Розы (розовые)2',
                value: 'Розы2'
            }
        ]
    })