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

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

#Синус. (59443 hits)
#Подключение. (26204 hits)
#Создание простейшей таблицы. (35967 hits)
#Обновление нескольких записей таблицы. (31465 hits)
#Древовидные структуры. (56353 hits)
#Переворот символов строки (или элементов одномерного массива). (110732 hits)
#Переключатель в кириллицу. (31661 hits)
#Рисование прямоугольника. (30279 hits)
#Вычисление значения полинома. (60759 hits)
#сортировка пузырьком. (151056 hits)
#Утилиты. (112964 hits)
#Наибольший общий делитель. (190323 hits)
#Посчитать количество пар чисел (number of equal pairs). (2330 hits)
#Вращение фигуры в плоскости. (38983 hits)
#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (144457 hits)
#Сглаживание кривой В-сплайном. (37604 hits)
#ООП на javascript: классы, наследование, инкапсуляция. (256630 hits)
#Поразрядная сортировка, общий принцип. (128259 hits)
#Улучшение быстрой сортировки. (75114 hits)
#Использование компилируемых (prepared) запросов. (29543 hits)


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

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

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

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

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

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

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

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

Реализации:

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

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