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

<< назад
распечатать обсудить >>


Заполнение 2-го выпадающего списка (select) в соответствии с выбором в первом
реализации: javascript, количество: 1

Aвтор: this
Дата: 23.05.2006
Просмотров: 25727
Рейтинг: 3/7,4.91(2488)
+
реализации(исходники) +добавить

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

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

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

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

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


Реализации: javascript(1)   +добавить реализацию

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


<< назад наверх
распечатать обсудить >>

 
каталог | задачи | паттерны | исходники | стат | форумы | карта сайта | контакты | ссылки 
© 2000-2017 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.021122 секунд
Количество запросов к БД: 14, gzip: 10.7kb/44.5kb(76%)