Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.02.2016, 16:19
Аспирант
Отправить личное сообщение для Vincent Vega Посмотреть профиль Найти все сообщения от Vincent Vega
 
Регистрация: 21.02.2016
Сообщений: 53

подказка ввода в input на лету
Доброго времени суток форумчане!
Такой вопрос. Есть input, в который вводиться нейкий текст. Текст может быть разный. Как к input прикрутить подсказку вводимого текста?

Хороший пример данного явления http://https://www.blablacar.com.ua/

При вводе города выскакивает подсказка по тексту. Примерно представляю как это работает, но не могу организовать логику.
Ответить с цитированием
  #2 (permalink)  
Старый 28.02.2016, 16:27
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Там уже все организовано - API Google MAP
Ответить с цитированием
  #3 (permalink)  
Старый 28.02.2016, 16:36
Аспирант
Отправить личное сообщение для Vincent Vega Посмотреть профиль Найти все сообщения от Vincent Vega
 
Регистрация: 21.02.2016
Сообщений: 53

Сообщение от laimas Посмотреть сообщение
Там уже все организовано - API Google MAP
Понимаю, только это по городам. Как это реализовать если мне не города нужны.
Я так понимаю, это нужно ловить event в input и pars нейкого текстового документа, только не могу сообразить как правильно это наваять.
Ответить с цитированием
  #4 (permalink)  
Старый 28.02.2016, 16:39
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Vincent Vega
Я так понимаю, это нужно ловить event в input и pars нейкого текстового документа
То что отображается по ссылке, это выборка значений из готовых в базе и удовлетворяющих условию.

В случае выборки по тексту, в буквальном смысле слова находить совпадения, то это слишком накладно, да и что в данном случае тогда должна отображать "подсказка"?

Вы задаете вопрос, а чего в уме держите, это вопрос для всех.
Ответить с цитированием
  #5 (permalink)  
Старый 28.02.2016, 16:45
Аспирант
Отправить личное сообщение для Vincent Vega Посмотреть профиль Найти все сообщения от Vincent Vega
 
Регистрация: 21.02.2016
Сообщений: 53

Сообщение от laimas Посмотреть сообщение
В случае выборки по тексту, в буквальном смысле слова находить совпадения, то это слишком накладно, да и что в данном случае тогда должна отображать "подсказка"?
Есть каталог товара авто-запчастей. Там более 2000 наименований с уникальным id. Смыл в исключении ошибки при вводе пользователем искомой запчасти.

подсказка будет отображать правильное название и подставлять нужный id

Последний раз редактировалось Vincent Vega, 28.02.2016 в 16:51.
Ответить с цитированием
  #6 (permalink)  
Старый 28.02.2016, 17:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Vincent Vega,
http://jqueryui.com/autocomplete/
Ответить с цитированием
  #7 (permalink)  
Старый 28.02.2016, 17:07
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А если каталог запчастей, то чем он отличается от выборки города? Не по тексту же поиск, а по списку.

Есть готовые плагины Autocomplete, выбирайте, читайте документацию, подключайте, пользуйтесь.
Ответить с цитированием
  #8 (permalink)  
Старый 28.02.2016, 17:19
Аспирант
Отправить личное сообщение для Vincent Vega Посмотреть профиль Найти все сообщения от Vincent Vega
 
Регистрация: 21.02.2016
Сообщений: 53

спасибо всем!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ожидание окончания ввода в поле input SiZE Events/DOM/Window 9 20.06.2017 10:20
Исправить неудобство списка поля ввода input средствами JQ IONEX jQuery 3 26.09.2015 13:59
Поле для тестового ввода с кнопкой input mort_ Общие вопросы Javascript 3 25.03.2015 14:24
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Горячие клавиши. Запрет ввода в input. August Общие вопросы Javascript 3 14.12.2011 21:59