Как упростить ввод адреса на сайте. Подсказки dadata по адресу
Введите некоторый адрес и выберите вариант из списка
Пример - г Москва, Волоколамское шоссе, д 88 к 5 стр 5, кв 66
Как внедрить:
HTML разметка (первое поле вводим, остальные поля заполняются автоматом из dadata):
<h3>Введите некоторый адрес и выберите вариант из списка</h3>
<input class="addr form-control" type="text" placeholder="Введите адрес">
<input class="addr0 form-control" type="text" placeholder="Полный адрес">
<input class="addr1 form-control" type="text" placeholder="Индекс">
<input class="addr2 form-control" type="text" placeholder="Страна">
<input class="addr3 form-control" type="text" placeholder="Город">
<input class="addr4 form-control" type="text" placeholder="Улица">
<input class="addr5 form-control" type="text" placeholder="Дом">
<input class="addr6 form-control" type="text" placeholder="Квартира">
<input class="addr10 form-control" type="text" placeholder="Координаты">
JS:
<link href="https://cdn.jsdelivr.net/npm/suggestions-jquery@21.6.0/dist/css/suggestions.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/suggestions-jquery@21.6.0/dist/js/jquery.suggestions.min.js"></script>
<script>
$(".addr").suggestions({
token: "____________TOKEN________________",
type: "ADDRESS",
onSelect: function(suggestion) {
console.log("data", suggestion);
$('.addr0').val(suggestion.unrestricted_value);
$('.addr1').val(suggestion.data.postal_code);
$('.addr2').val(suggestion.data.country);
$('.addr3').val(suggestion.data.city);
$('.addr4').val(suggestion.data.street);
$('.addr5').val(suggestion.data.house);
$('.addr6').val(suggestion.data.flat);
$('.addr10').val(suggestion.data.geo_lat + ',' + suggestion.data.geo_lon);
}
});
</script>
Детали API Dadata: https://dadata.ru/suggestions/usage/address/
Другие модули
Получение данных юридического лица по БИК
Чистка данных в ФИО через dadata. Подключение к Dadata API. Коррекция ввода данных человека
Проверка орфографии текста через API Яндекс Spell
Поиск компании через Dadata Подсказки. Получение информации о компании через API
Dadata. Вывод товаров и услуг (МКТУ)
Как отправить письмо с шаблоном HTML
Рерайт на сайте, подбор синонимов через API. Получение текста по API
Последние обновления
Форма 13.08.2024
Таблица 03.06.2024
Таблица 23.09.2023
15.09.2023
02.08.2023
Визуализация 02.08.2023
Визуализация 01.08.2023
Таблица 18.03.2023
Форма 19.12.2022
Таблица 06.12.2022
Форма 01.12.2022
Форма 21.11.2022
Форма 17.11.2022
Форма 10.11.2022
Таблица 16.09.2022
Разное 14.09.2022
Таблица 09.09.2022
Форма 31.07.2022
Страницы 31.07.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства