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

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

#Простая геометрическая и текстовая анимация. (398915 hits)
#Найти максимальную сумму в последовательности. (128049 hits)
#Хранение иерархических деревьев. (51346 hits)
#Постраничный вывод. (68724 hits)
#Подсветка синтаксиса. (29669 hits)
#Выборка конкретной записи из таблицы. (30415 hits)
#Числа Армстронга. (43814 hits)
#Просмотр изображения во всплывающем окне. (86357 hits)
#Таймер. (38662 hits)
#Передача данных из основного во всплывающее-popup окно через POST. (113628 hits)
#Улучшение быстрой сортировки. (72908 hits)
#Поверхностное клонирование. (25654 hits)
#Разбор строки. (270744 hits)
#Добавление истории операций(undo&redo) в компонент. (37648 hits)
#Поразрядная сортировка массива подсчетом. (129157 hits)
#Бинарный поиск в массиве и его разновидности. (160443 hits)
#"C# и платформа .NET" Эндрю Троелсен (Andrew Troelsen, "C# and the .NET platform"), листинги, код, примеры из книги, исходники. (36505 hits)
#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (139244 hits)
#Обновление нескольких записей таблицы. (30538 hits)
#Вычисление двойного интеграла с использованием MPI. (57532 hits)


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

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

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

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

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

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

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

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

Реализации:

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

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