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

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

#Шейкер-сортировка. (70856 hits)
#Сохранение данных формы после перезагрузки через куки. (204016 hits)
#"C# и платформа .NET" Эндрю Троелсен (Andrew Troelsen, "C# and the .NET platform"), листинги, код, примеры из книги, исходники. (38624 hits)
#Доступ ко всем полям и методам. (57749 hits)
#Загрузчик классов. (43219 hits)
#сортировка пузырьком. (152456 hits)
#Выборка конкретной записи из таблицы. (32627 hits)
#Полезные утилиты, небольшие api и библиотеки и проч.. (69485 hits)
#Случайный выбор элемента при неизвестном их количестве. (36457 hits)
#Предварительная загрузка изображений. (46963 hits)
#Арктангенс. (45213 hits)
#Заливка замкнутой области. (62183 hits)
#Обработка шаблонных писем. (50876 hits)
#Сортировка Шелла, оптимальный выбор приращений. (194518 hits)
#Часики на js. (91970 hits)
#Вычисление значения полинома. (61822 hits)
#Динамическая очистка выпадающего списка (select) на javascript. (90451 hits)
#Перестановка фрагментов строки(или одномерного массива). (60314 hits)
#Рисование прямоугольника. (31065 hits)
#Числа Армстронга. (45867 hits)


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

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

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

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

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

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

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

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

Реализации:

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

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