CodeLAB
на главную карта сайта обратная связь

Популярные задачи:

#Поверхностное клонирование. (23250 hits)
#Косинус. (34436 hits)
#Числа Армстронга. (40511 hits)
#Древовидные структуры. (51936 hits)
#Рисование полусферы. (23117 hits)
#Рисование прямоугольника. (26290 hits)
#Плоттеры для рисования графиков. (25367 hits)
#Валидация, динамическая проверка заполнения html форм. (201153 hits)
#Овал, вписанный в прямоугольник. (32320 hits)
#Случайный выбор элемента при неизвестном их количестве. (31639 hits)
#Отслеживание изменений файла. (32680 hits)
#Переворот символов строки (или элементов одномерного массива). (104478 hits)
#Вставка новой записи в таблицу БД. (31135 hits)
#Синус. (54648 hits)
#Постраничный вывод. (64670 hits)
#Переключатель в кириллицу. (28417 hits)
#Циклический сдвиг одномерного массива или строки, 3 уникальных алгоритма. (363650 hits)
#Рисование линии (по Брезенхэму). (28615 hits)
#Сравнение алгоритмов быстрой сортировки. (66805 hits)
#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (130437 hits)


Главная >> Каталог задач >> Веб-разработка >> Клиентский скриптинг(js, vba и т.д.) >> Манипуляции с выпадающим списком >> Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом



Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом

Aвтор:
Дата:
Просмотров: 40888
реализации(javascript: 1шт...) +добавить

Достаточно распрастраненная задача также часто решаемая на клиентской (javascript) стороне как и на серверной (путем перезагрузки страницы с передачей через url дополнительной информации).

Пример. Есть 2 списка: список стран и список городов каждой страны. При смене страны в первой списке - нужно обновлять список городов во 2-ом списке. Данная задача предлагает такой клиентский вариант ее реализации.

На html-страницу за единственный запрос грузится информация по всем странам и по всем городам (с привязкой к соответствующим странам). В javascript эта информация записывается в виде вложенного, структурированного объекта(хеша). Первый уровень - идентификаторы стран. В них - массив из объектов-городом. Каждый такой объект - тоже соответственно хеш из идентификатора(value) города и его названия(text).

При смене значения в первом списке стран - мы:

  1. Очищаем второй список городов
  2. Добавляем туда новые элементы из массива объектов городов, который соответствует выбранному в первом списке идентификатору страны.

Реализации: javascript(1)   +добавить реализацию

1) Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом, code #143[автор:-]



© 2006-2021 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.015817 секунд
Количество запросов к БД: 14, gzip: off