Как упростить ввод адреса на сайте. Подсказки 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/
Другие демостенды
— Как создать зависимые поля формы на сайте— Примеры для заполнения формы на сайте. Подсказки для пользователя по полям формы
— Печать документа с сайта - генерация документа под печать (или в PDF) из HTML шаблона
— Dadata suggestions - примеры подсказок через поле формы типа dadata
Что есть в базе знаний по этой теме
— Видеочат. Интеграция с Vox Implant— Внутренние SQL функции и процедуры
— Как сделать зависимые поля в форме (Страна, Город)
— Как показывать изменяющуюся информацию при изменении полей
— Интеграция API DaData.ru подсказки по адресам
— Внедрение подсказок dadata на сайт
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства