Как реализовать форму поиска аналогично Яндекс

D
На сайте с 17.02.2008
Offline
11
473

В расширенном поиске на странице: http://yandex.ru/advanced.html

Есть такое поле: Регион

При вводе первой буквы региона, например: М, появляется список значений, которые начинаются на букву М.

Как реализовать подобное?

У меня есть таблица БД, которая содержит поля:

id | name

Мне нужно, чтобы при вводе буквы в форму поиска, появлялся аналогичный список из значений поля `name`

Заранее спасибо

КМ
На сайте с 08.03.2007
Offline
66
#1
datos:
При вводе первой буквы региона, например: М, появляется

Появляется Магадан =) чуствую не зря выбрана "м" :)

По реализации:

Берем прямо от туда:

Поле ввода:

<input id="typeInGeo1" maxlength="35" value="" style="width: 268px;" autocomplete="off" tabindex="25" onkeypress="cr_str();if(event.keyCode==13)document.web.submit();" type="text"><br>

Где идет событие "onkeypress" (Распознавание нажатых клавиш) в котором вызывается функция cr_str(). Далее смотрим исходный код страницы и изучаем функцию.

Список, который в данный момент скрыт от глас "display: none;".

<div id="tableTypeChooser" class="tdTypeChooser" style="position: absolute; display: none;">

<select style="display: none;" id="typeInChooserGeo1" size="10"></select>
</div>

Вобще в этой функции нужно делать обращение к php скрипту который отдаст список джава скрипту. см. AJAX

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий