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

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

#Вращение фигуры в плоскости. (39967 hits)
#Обертки для массивов. (38784 hits)
#Выборка конкретной записи из таблицы. (32773 hits)
#Простая быстрая сортировка. (112639 hits)
#Заливка замкнутой области. (62368 hits)
#Отслеживание изменений файла. (37760 hits)
#Валидация, динамическая проверка заполнения html форм. (209080 hits)
#Как работать с zip архивами стандартными средствами windows. (42062 hits)
#Динамическое изменение цвета полоски прокрутки в IE5.5 и выше. (30848 hits)
#Древовидные структуры. (57312 hits)
#Загрузчик классов. (43382 hits)
#Вычисление двойного интеграла с использованием MPI. (60221 hits)
#Утилиты. (114292 hits)
#Найти максимальную сумму в последовательности. (137026 hits)
#Случайный выбор элемента при неизвестном их количестве. (36609 hits)
#Поразрядная сортировка, общий принцип. (130445 hits)
#Относительный путь к файлу. (39668 hits)
#Рисование Фрактала (листьев папоротника). (53069 hits)
#Летающие, крутящиеся шарики. (44445 hits)
#Преобразование RGB в HEX и обратно HEX в RGB. (56659 hits)


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

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

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

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

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

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

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

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

Реализации:

javascript(1)   +добавить

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