Есть выпадающий список объектов. Этот список стал расти и расти и выбирать в нём стало неудобно. Я решил сделать дополнительный фильтр, т.е. отдельное поле рядом при в воде в которое будут оставаться в списке только строки, содержащие введённые символы.. 

Но вот с реализацией что-то завис. Может кто подскажет или может у кого есть готовое решение?

Ну вообще такая реализация и называется autocomplete. Если ты хочешь написать сам, нужно продумать для начала как ты хочешь чтобы было - грузился весь список и по нему именно фильтровалось средствами JS или же каждый раз делался ajax запрос и фильтровалось на уровне сервера.

думал над аяксом, но пришёл к выводу что очень большая нагрузка.. Поэтому список получается сразу и весь другим ajax-запросом. А вот далее нужно уже фильтровать данные в списке.. А вот тут уже проблемы без аякса. 

Допустим я ввожу в поле данные и скриптом удаляю из списка лишнее (хотя пока не знаю как  ). Но вдруг я ошибся и решил исправить фильтр, где тогда брать то что я удалил... Вот сижу пока и размышляю и ни как не могу ничего придумать.. наверное ещё ГРИПП не отошёл 

Добавлено через 11 минут и 27 секунд
забыл сказать.. после выбора соответствующего значения из списка идёт дальнейшая обработка с аякс-запросом

Удалять ничего не нужно, либо фильтрация при выводе (что при большом списке положит тормознутый клиент), либо копирование нужных элементов в список (что так же может положить).
На счет нагрузки на сервер - она не будет большая, если сделать грамотно - использовать debounce/throttle + кешировать результаты ответа ajax.

Получаем такой расклад:
1. Фильтруем на сервере
2. Фильтруем на клиенте
2.1. Копируем
2.2. фильтруем

Я бы выбрал все же первый вариант, но если ты хочешь второй, то вот примерная реализация обоих вариантов (2.1 и 2.2):




Как видишь при большом списке оба этих варианта при полном переборе всего списка будут тормозить клиент...

Это сообщение отредактировал(а) Aliance - 27.2.2013, 12:06

чёрт... видимо ты прав.... нужен запрос на сервер.. Иначе клиент ляжет. А на серваке кэширование продумать.. Хотел я всё на клиента возложить, но думаю проблем будет больше.. Тогда такой вопрос, а какое событие ловить и когда? Потому что этот результат уйдёт дальше. Не хочется банально кнопку ставить..

Добавлено через 10 минут и 33 секунды
нашёл интересный вариант
http://www.linkexchanger.su/2008/39.html

onchange на поле фильтрации, но тогда пользователь должен будет снять фокус с него, что не всегда понятно. хотя в данном примере достаточно будет, т.к. далее он работать будет с другим контролом (селектом).

Добавлено через 42 секунды
как альтернатива ловить события нажатия кнопок + использовать debounce/throttle.

Всё.. спасибо за помощь и умные мысли.. а разобрался.. буду реализовывать. 

тема закрыта