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

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

#Двусторонняя карта. (34730 hits)
#Улучшение быстрой сортировки. (78081 hits)
#Найти максимальную сумму в последовательности. (139592 hits)
#Вращение 3D объекта. (36775 hits)
#Обертки для массивов. (39578 hits)
#Замена символа строки. (444543 hits)
#Глубокое полное клонирование. (36590 hits)
#Сравнение алгоритмов сортировки массива. (184255 hits)
#Сортировка выбором, общий подход. (73904 hits)
#Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом. (47058 hits)
#Случайный выбор элемента при неизвестном их количестве. (37405 hits)
#Вычисление минимального / максимального значения. (75386 hits)
#Преобразование целых чисел в битовый массив. (38444 hits)
#Предварительная загрузка изображений. (47984 hits)
#Хранение иерархических деревьев. (54007 hits)
#Вычисление среднего, среднего отклонения, среднеквадратического отклонения и дисперсии заданной выборки. (47215 hits)
#ООП на javascript: классы, наследование, инкапсуляция. (258686 hits)
#Постепенное затемнение. (52006 hits)
#Вычисление эксцесса и коэффициентов асимметрии заданной выборки. (46663 hits)
#Рисование полусферы. (29749 hits)


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

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

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

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

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

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

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

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

Реализации:

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

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