Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.10.2010, 11:22
LA_ LA_ вне форума
Новичок на форуме
Отправить личное сообщение для LA_ Посмотреть профиль Найти все сообщения от LA_
 
Регистрация: 15.10.2010
Сообщений: 9

Выпадающий список с возможностью ввода текста
Подскажите, пожалуйста, как создать выпадающий список с возможностью ввода текста.
Т.е. человек должен иметь возможность:
1) ввести любой текст сам либо
2) выбрать значение из списка
при этом если он вводит значение сам, то должны отфильтровываться значения из списка и предлагаться ему.
(что-то типа google suggest, только список для выбора должен быть доступен сразу).

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 27.10.2010, 14:19
Аспирант
Отправить личное сообщение для MikhailGirshberg Посмотреть профиль Найти все сообщения от MikhailGirshberg
 
Регистрация: 27.07.2010
Сообщений: 72

думал такое применять
Получилось не полностью и очень сложно: пришлось частично накрывать стандартный select текстовым input-ом - и перетаскивать изменения по событиям. По браузерам совмещать замаялся.
В результате от применения отказался.

Если скрипт более-менее рабочего примера откопаю (не факт, что сохранился) - отпишусь. Воспроизводить с самого начала просто лень.
Ответить с цитированием
  #3 (permalink)  
Старый 27.10.2010, 14:26
LA_ LA_ вне форума
Новичок на форуме
Отправить личное сообщение для LA_ Посмотреть профиль Найти все сообщения от LA_
 
Регистрация: 15.10.2010
Сообщений: 9

думал, что в каком-нибудь jquery что-то подобное есть

может, тогда сделать просто поле для ввода и dropdown - если значение введено, то использовать его и игнорировать значение в dropdown? не так красиво, зато просто.
Ответить с цитированием
  #4 (permalink)  
Старый 27.10.2010, 14:38
2de 2de вне форума
Аспирант
Отправить личное сообщение для 2de Посмотреть профиль Найти все сообщения от 2de
 
Регистрация: 26.10.2010
Сообщений: 78

В гугле ничего сложного нету, обычный автокомплитер. Обычный инпут и див под ним с данными (с возможностью скрывать и показывать). Проблема только в фильтрации, можно пробегать по диву искать элементы в которых тект совпадает с тем что ввели и скрывать те которые не совпадают.
Ответить с цитированием
  #5 (permalink)  
Старый 27.10.2010, 15:00
Аспирант
Отправить личное сообщение для MikhailGirshberg Посмотреть профиль Найти все сообщения от MikhailGirshberg
 
Регистрация: 27.07.2010
Сообщений: 72

Сообщение от LA_ Посмотреть сообщение
думал, что в каком-нибудь jquery что-то подобное есть
может и есть - в плагинах - просто не знаю. Общее соображение таково: в мастдае реализовано => значит кому-то наверняка хотелось и на страничку => скорее всего, кто-то сделал.
Сообщение от LA_ Посмотреть сообщение
может, тогда сделать просто поле для ввода и dropdown - если значение введено, то использовать его и игнорировать значение в dropdown? не так красиво, зато просто.
Скорее наоборот - если ничего не выбрано (а лучше - выбран специальный пункт "другое") - вместо select-а показать input. А вот его результат "прикопать" и вставить в виде option-а в select.
Ответить с цитированием
  #6 (permalink)  
Старый 27.10.2010, 15:02
Аспирант
Отправить личное сообщение для MikhailGirshberg Посмотреть профиль Найти все сообщения от MikhailGirshberg
 
Регистрация: 27.07.2010
Сообщений: 72

2de,
да, конечно. Только по-моему, это получается почти полная имитация работы select-а?

Или я гуглил плохо ;-?
Ответить с цитированием
  #7 (permalink)  
Старый 27.10.2010, 15:30
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

В jQuery есть автокомплитор
http://docs.jquery.com/Plugins/autocomplete
http://jqueryui.com/demos/autocomplete/
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Контроль ввода текста в форму Derack Events/DOM/Window 11 09.01.2011 00:07
Помогите вставить в форму не только чекбоксы но и выпадающий список seva_81 Серверные языки и технологии 3 20.09.2010 09:02
как сделать выпадающий список, чтобы второй зависил от значения первого???? zsaz jQuery 2 16.07.2010 19:12
Выпадающий список и php faiq Серверные языки и технологии 3 24.03.2010 12:50
Форма для ввода текста с расширенными функциями 0x22b Элементы интерфейса 0 01.09.2008 09:38