jQuery Автозаполнение Поиск как Hotmail

Question

Я хотел создать окно поиска автозаполнения, как в Hotmail.

Когда вы начнете печатать, он вернет записи, найденные в списке автозаполнения, и при нажатии на кнопку введет критерии поиска для От, Тема и Кому.

В зависимости от того, что вы нажмете, вы получите результаты. Если вы щелкнете по обычным значениям, он покажет вам соответствующую почту, а если вы нажмете От, Тема или От, то будет искать, например, В From, если вы нажали на From.

Как это можно сделать ??

Спасибо !!

Answer 1

Я думаю, что это лучший плагин автозаполнения для jquery: http://jqueryui.com/demos/autocomplete/

вы можете настроить его по своему усмотрению, он очень гибкий, более того, примеры на jquery-ui.com говорят сами за себя!

Answer 2

Посмотрите на jQuery.ajax , вы можете привязать к событию "keyup" вашего текстового поля, а затем сделать так, чтобы jQuery вызвал веб-сервис, который будет возвращать результаты JSON для вашего поиска, затем вы можете отформатировать результаты по вашему желанию.