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

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

#Динамическая очистка выпадающего списка (select) на javascript. (92088 hits)
#Рисование тора. (35630 hits)
#Создание нестандартного (custom-ного) окна браузера. (36643 hits)
#"The Java Programming Language" Ken Arnold, James Gosling, David Holmes листинги, код, примеры из книги, исходники. (61770 hits)
#Сохранение данных формы после перезагрузки через куки. (206587 hits)
#Обновление нескольких записей таблицы. (33199 hits)
#Простой генератор случайных чисел. (135115 hits)
#Глубокое полное клонирование. (36581 hits)
#Шейкер-сортировка. (72310 hits)
#Загрузчик классов. (44229 hits)
#Наибольший общий делитель. (194511 hits)
#Рисование полусферы. (29742 hits)
#Постраничный вывод. (73754 hits)
#Простая геометрическая и текстовая анимация. (401807 hits)
#Арктангенс. (46355 hits)
#Сглаживание кривой В-сплайном. (39552 hits)
#Поиск дубликатов внутри файла. (32112 hits)
#Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом. (47040 hits)
#Рисование линии. (39526 hits)
#Циклический сдвиг массива или строки - 3 уникальных алгоритма. (392808 hits)


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

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

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

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

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

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

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

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

Реализации:

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

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