Форум Сайтостроение Веб-строительство

Поле input возможность выбрать только предложенное из списка js

manaz
На сайте с 13.12.2013
Offline
61
manaz
794

Добрый день. Как запретить пользователю отправку данных в поел input если он не выбрал к примеру город из списка предложенных?

Есть наглядный пример такого функционала https://www.cdek.ru/contacts/city-list.html

Поле input с возможностью только выбрать из предложенного списка. Если не выбрать из предложенного списка а ввести свое значение то отправка данных не осуществится... Уже много информации перелопатил. Что это за функция у них такая что не дает отправить данные пока не выберешь из предложенного списка?

Samail
На сайте с 10.05.2007
Offline
369
Samail
#1

Там не выпадающий список, а просто список. 

<ul id="office-city-list"><li><a href="https://www.cdek.ru/contacts/ekaterinburg.html">Екатеринбург</a></li><li><a href="https://www.cdek.ru/contacts/krasnodar.html">Краснодар</a></li><li><a href="https://www.cdek.ru/contacts/moskva.html">Москва</a></li><li><a href="https://www.cdek.ru/contacts/nizhniy-novgorod.html">Нижний Новгород</a></li><li><a href="https://www.cdek.ru/contacts/novosibirsk.html">Новосибирск</a></li><li><a href="https://www.cdek.ru/contacts/penza.html">Пенза</a></li><li><a href="https://www.cdek.ru/contacts/perm.html">Пермь</a></li><li><a href="https://www.cdek.ru/contacts/rostov-na-donu.html">Ростов-на-Дону</a></li><li><a href="https://www.cdek.ru/contacts/samara.html">Самара</a></li><li><a href="https://www.cdek.ru/contacts/sankt-peterburg.html">Санкт-Петербург</a></li><li><a href="https://www.cdek.ru/contacts/ufa.html">Уфа</a></li></ul>
manaz
На сайте с 13.12.2013
Offline
61
manaz
#2
Samail:
Там не выпадающий список, а просто список. 
<ul id="office-city-list"><li><a href="https://www.cdek.ru/contacts/ekaterinburg.html">Екатеринбург</a></li><li><a href="https://www.cdek.ru/contacts/krasnodar.html">Краснодар</a></li><li><a href="https://www.cdek.ru/contacts/moskva.html">Москва</a></li><li><a href="https://www.cdek.ru/contacts/nizhniy-novgorod.html">Нижний Новгород</a></li><li><a href="https://www.cdek.ru/contacts/novosibirsk.html">Новосибирск</a></li><li><a href="https://www.cdek.ru/contacts/penza.html">Пенза</a></li><li><a href="https://www.cdek.ru/contacts/perm.html">Пермь</a></li><li><a href="https://www.cdek.ru/contacts/rostov-na-donu.html">Ростов-на-Дону</a></li><li><a href="https://www.cdek.ru/contacts/samara.html">Самара</a></li><li><a href="https://www.cdek.ru/contacts/sankt-peterburg.html">Санкт-Петербург</a></li><li><a href="https://www.cdek.ru/contacts/ufa.html">Уфа</a></li></ul>

И это в корне меняет дело? Какая разница выпадающий или нет. Смысл то в другом...

Samail
На сайте с 10.05.2007
Offline
369
Samail
#3

manaz, да, в корне меняет, там не отправка данных происходит, а переход по ссылке.

S
На сайте с 13.10.2014
Offline
171
silicoid
#4

http://vyasrao.github.io/tAutocomplete/

вешаете обработчик по проверке содержимого на onchange: который будет открывать/закрывать нужные поля.

профит

S
На сайте с 30.09.2016
Offline
469
Sitealert
#5
manaz:
Что это за функция у них такая что не дает отправить данные пока не выберешь из предложенного списка?

AJAX называется. Предлагает список в зависимости от введённых букв.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

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