JAreaSelect
JAreaSelect — это плагин для выбора региона, который представляет собой плагин на JavaScript для выбора области. Данные извлекаются из последних данных о регионах с платформы JD.com.
Плагин предоставляет широкий спектр опций, около 5000 записей, охватывающих все регионы Китая, включая остров Тайвань. Предлагается простой инструмент в стандартном стиле и инструмент в стиле JD. Кроме того, есть очень простой интерфейс управления.
Поскольку это небольшой проект, чтобы не усложнять его, мы решили не использовать какие-либо фреймворки и написали код напрямую, без использования сторонних библиотек.
Зависимости плагина:
Онлайн-демонстрация Демонстрационный адрес: http://d.r9it.com/area/
Пример кода:
<!--html代码-->
<p><button class="btn btn-primary">Показать выбранную область</button></p>
<div id="area-select-box" class="form-inline"></div>
//Обычный стиль
var area = $("#area-select-box").JAreaSelect({
prov : 1,
city : 72,
dist : 2839,
});
$(".btn-primary").on('click', function() {
alert(area.getAreaString());
console.log(area.getAreaId());
});
//Стиль, имитирующий JD
$("#area-select").JAreaSelect2({
prov : 1,
city : 72,
dist : 2839,
callback : function(data) {
console.log(data);
$(".btn-primary").html(data.address);
}
});
Описание параметров option:
Ключ | Тип | Описание |
---|---|---|
selectClassName | string | атрибут класса select, используется для настройки пользовательского интерфейса |
prov | int | ID провинции по умолчанию |
city | int | ID города по умолчанию |
dist | int | ID района по умолчанию |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )