Сегодня мы представляем вам подборку лучших учебников и плагинов по автозаполнению Ajax и jQuery, а также примеры с плагинами. Люди в наши дни хотят мгновенного поиска, и для этого поисковые системы, такие как Google, делают именно это. Наслаждайтесь!
Похожие сообщения:
Обновление 21/06/13: добавлены typahead.js, Magicsuggest, TimeDropdowns.
Обновление 29/09/13: добавлены textextjs
typahead.js Автозаполнение
Быстрая и полнофункциональная библиотека автозаполнения.
Источник + Демо
Magicsuggest Автозаполнение
Очень гибкое автоматическое предложение со списком в строке тем Bootstrap.
Источник + Демо
TimeDropdowns Автозаполнение
Лучшие выпадающие списки времени для диапазонов: jQuery Time Autocomplete.
Источник + Демо
1. Ajax-управляемый JavaScript ComboBox с автозаполнением
dhtmlxCombo — это кросс-браузерный комбинированный блок JavaScript с функцией автозаполнения. Он расширяет базовую функциональность блока выбора и предоставляет возможность отображать предложения, пока пользователь вводит текстовое поле.
2. Yahoo и Google Предложения Окно поиска jQuery
Узнайте, как создать окно поиска предложений Google Yahoo в этом посте.
3. WICK Комплект для веб-ввода
Развивающаяся структура, которая использует веб-стандарты, такие как JavaScript, DOM и CSS, для облегчения ввода текста в виде элементов пользовательского интерфейса с помощью локальных и удаленных источников данных. Эта структура стремится оставаться ненавязчивой и сохранять семантику и доступность формы.
4. PrimeFaces: автозаполнение jQuery
Функция множественного выбора для PrimeFaces jQuery AutoComplete был популярным запросом, и в версии 3.1 мы решили сделать это. Первоначальная реализация была основана на простом вводимом тексте, а значения были разделены запятыми, но они не соответствовали стандарту крутости PrimeFaces, поэтому мы решили реализовать его в стиле Facebook.
5. Управление автозаполнением на основе Ajax Multiselect jQuery в ASP.Net
Здесь мы будем использовать jQuery UI Autocomplete Control. Чтобы получить данные с использованием AJAX, здесь мы попробуем обработчики ASP. Использование обработчиков на простой странице asp.net заключается в том, что если мы будем использовать страницу ASPX, то она пройдет все фазы страницы (почти 10), тогда как обработчик будет быстрее, чем страница ASPX.
6. Автозаполнение / автозаполнение с JQuery, Ajax, XML, PHP
Класс jQuery Autocomplete добавляет всплывающее меню предлагаемых значений в текстовое поле. Пользователь может либо щелкнуть непосредственно по предложению, чтобы ввести его в поле, либо перемещаться по списку с помощью клавиш со стрелками вверх и вниз, выбирая значение с помощью клавиши табуляции. Значения для списка предложений должны быть представлены в виде XML (с помощью сценария PHP или аналогичного).
7. FCBKcomplete v 2.8.4
Модные Facebook-подобные динамические входы с автозаполнением и предварительно добавленными значениями. Если у вас есть какие-либо комментарии или пожелания, пожалуйста, опубликуйте их, и я постараюсь включить все требуемые функции в следующую версию.
8. Причудливое поисковое предложение jQuery в стиле Apple.com
Обязательно ознакомьтесь с демонстрацией (или посетите Apple.com), чтобы увидеть, как работает этот потрясающий эффект. В этом примере используются несколько методов: MySQL (для базы данных), HTML / CSS для стилизации, PHP для получения данных и jQuery для запроса AJAX.
9. AJAX Поиск Предложить с помощью jQuery
Чтобы воссоздать функцию подсказки поиска, мы будем использовать jQuery и небольшое количество PHP, чтобы запрашивать на сервере поисковые запросы. Чтобы эти два сценария могли общаться, мы будем использовать AJAX — передачу строки, содержащей поисковый запрос, из jQuery в PHP.
10. Простой в использовании плагин jQuery-Ajax Autosuggest
Этот плагин jQuery Ajax для автозаполнения имеет обычную функциональность с небольшой дополнительной гибкостью: возвращаются множественные экземпляры, передача пользовательских параметров, идентификатор и значение, управление с клавиатуры и некоторые другие … Практически все, что вам нужно из плагина автозаполнения, который вы можете сделать со встроенными опциями!
11. jQuery TextExt Плагин
TextExt — это плагин для jQuery, который предназначен для обеспечения таких функций, как ввод тегов и автозаполнение.
