Javascript код для реализации пошагового поиска - PullRequest
Новая
       30

Javascript код для реализации пошагового поиска

2 голосов
/ 15 января 2010

Цель: когда пользователь вводит слово в текстовое поле, все слова, начинающиеся с этого слова, должны быть заполнены, и мы можем выбрать одно из них.

Ответы [ 4 ]

3 голосов
/ 15 января 2010
1 голос
/ 15 января 2010

How-To (без кода)

  1. Реализация обработчика событий в текстовом поле для прослушивания события, измененного значением.

  2. В обработчике событий выполните вызов AJAX на сервер (при условии, что у вас есть веб-служба, которая будет возвращать результаты) с частичным словом.

  3. Анализирует результаты, возвращенные вызовом AJAX, и помещает их в DIV чуть ниже текстового поля, позволяя пользователю выбрать правильный.

  4. Показать результаты DIV.

Это теоретические шаги для реализации этого стиля текстового поля - не зная больше о вашей конкретной настройке, было бы трудно дать больше советов. Было бы лучше, если бы вы опубликовали свой собственный код.

1 голос
/ 15 января 2010

Вы имеете в виду автозаполнение?

http://www.javascript -examples.com / автозаполнения-демо /

0 голосов
/ 08 августа 2012

Я думаю, что он говорил об инкрементном поиске, как в поиске, как ваш тип аля Google.Вы захотите установить некоторые элементы управления в зависимости от набора данных и ожидаемого количества пользователей.Например, если вы ожидаете много трафика, вам, вероятно, не захочется нажимать на каждое нажатие клавиши, возможно, добавьте задержку, чтобы дождаться, пока они закончат печатать.

Вот пример использования php, Mysql и Jquery из W3: http://www.w3schools.com/php/php_ajax_livesearch.asp

...