$netshop->location->get_suggest_script()

$netshop->location->get_suggest_script($input_selector = 'input[name=f_City]')

добавляет на страницу javascript-код для выбора населённого пункта

При изменении значения в указанном текстовом поле (по умолчанию — в поле с именем f_City) будет показан выпадающий список с населёнными пунктами, название которых начинается с введённой строки.

Скрипт обеспечивает проверку введённого значения на совпадение с известными населёнными пунктами. По умолчанию можно выбрать населённые пункты России, информация о которых содержится в базе данных Почты России, а также указать название другой страны и любые населённые пункты в них (без проверки правильности названий населённых пунктов).

Если в поле ввода указано значение, для которого не удалось определить соответствие населённому пункту, поле будет помечено как содержащее ошибку, что не даст стандартными средствами отправить на сервер такую форму.

Параметр	Описание
$input_selector	CSS-селектор для выбора поля, к которому добавляется выпадающий список для поиска города (по умолчанию скрипт добавляется к полям с именем f_City)

Для стилизации элементов выпадающего списка можно использовать следующие CSS-классы:

.nc-netshop-location-autocomplete-dropdown — контейнер выпадающего списка;
.nc-netshop-location-autocomplete-dropdown-item — элемент выпадающего списка;
.nc-netshop-location-autocomplete-dropdown-item.nc--focus — выбранный элемент выпадающего списка (при наведении мышью или при выборе элементов стрелками с клавиатуры).

Доступно с версии 5.8.0.17214.

Пример использования

Подключение скрипта к полю f_City:

<?= nc_string_field('City') ?>
<?= $netshop->location->get_suggest_script() ?>

Подключение скрипта к полю с id="city_select":

<input type="search" id="city_select">
<?= $netshop->location->get_suggest_script('#city_select') ?>

← Назад 12.8.25 Классы расчёта доставки 12.8.27 [архив] Переход c версии 5.2 на 5.3 Далее →

Наверх