Создание динамической формы на JavaScript

[Bronepoezd]

Пусть есть форма, состоящая из двух раскрывающихся списков...

Список 1:
- Раздел1
- Раздел2

Список 2:
- Раздел11
- Раздел12
- Раздел21
- Раздел22

Нужно сделать так, чтобы не нажимая кнопки отправки данных, при выборе Раздел1, во втором списке высвечивались только Раздел11 и Раздел12;
при выборе Раздел2, во втором списке высвечивались только Раздел21 и Раздел22...

Специалисты JavaScript, помогите пожалуйста... Буду очень признателен...

[Bronepoezd]

Вот, написал кое-что:













Раздел1
Раздел2





Раздел11
Раздел12
Раздел21
Раздел22






Но этот скрипт не работает... Во втором списке всё равно отображаются 4 раздела, а не два, как нужно... Объясните, почему...

[Доктор]

ненужным надо присвоить null
А создать опцию new Option

[Bronepoezd]

Если присваивать null, то массив option[] сжимается, т.е. из него удаляются те ячейки, которым было присвоего null...
Спрашивается: как сделать так, чтобы ячейки не удалялись, но и не показывались?

[CGVictor]

Bronepoezd:
ячейки не удалялись, но и не показывались?

Сделай лишний список.

[Доктор]

Никак.
Содавай когда нужно по новой

[CGVictor]

CGVictor:
Сделай лишний список.

display=none. А в JS он доступен. Улавливаешь?