Работающие примеры Jquery
Взаимодействие плагина jquery.autocomplete с базой данных MySQL
В книге Геннадия Самкова "jQuery Сборник рецептов" в гл. 14 "Ajax-формы"
в разделе 14.1 "Плагин jQuery Autocomplete" приведены примеры реализации подсказок
при заполнении полей формы типа text или textarea, похожих на подсказки Яндекс или Гугл.
Меня они обрадовали, т.к. реализация такой фишки силами JavaScript довольно трудоемка
Привожу пример из книги:
<![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>example-14-1-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="jquery.autocomplete.css" rel="stylesheet" />
<script src="../../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.autocomplete.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var data = ["Магадан","Магас","Магнитогорск","Майкоп","Майский","Макаров",
"Макарьев","Макушино","Малая Вишера","Малгобек","Малмыж","Малоархангельск",
"Малоярославец","Мамадыш","Мамоново","Мантурово","Мариинск","Мариинский Посад",
"Маркс","Махачкала","Мглин","Мегион","Медвежьегорск","Медногорск","Медынь",
"Межгорье","Междуреченск","Мезень","Меленки","Мелеуз","Менделеевск","Мензелинск",
"Мещовск","Миасс","Микунь","Миллерово","Минеральные Воды","Минусинск","Миньяр",
"Мирный","Михайлов","Михайловка","Михайловск","Мичуринск","Могоча","Можайск",
"Можга","Моздок","Мончегорск","Морозовск","Моршанск","Мосальск","Москва",
"Московский","Муравленко","Мураши","Мурманск","Муром","Мценск","Мыски","Мытищи",
"Мышкин"];
$("#example").autocomplete(data);
});
</script>
</head>
<body>
<input type="text" id="example" /> (попробуйте ввести букву "м")
</body>
</html>
]]>
Этот пример здесь
Автор время от времени сталкивается с трудностями при применении технологии JQuery для конкретной задачи.
Здесь я буду приводить собственные решения