Форум Flasher.ru - Связь двух полей в форме

Точне дать краткую формулировку в названии темы не смог дать.

А выглядит это следующим образом.

Есть <select> + еще несколько. Все скрыты, кроме первого. Выбираем в первом значении - появляется еще один <select>.
Выбираем в первом другое значение - появляется другой селект, а тот, что появился раньше должен спрятаться.

Тут нужный селект только появляется.

Код:

<form method="POST" action="">

<p>

        <select size="1" name="D" onChange="document.getElementById('D' + this.options.value).style.display='block'">

                <option value="1" selected>1</option>

                <option value="2">2</option>

                <option value="3">3</option>

        </select>

</p>

<p>

        <select size="1" name="D1" style="display: none">

                <option>1</option>

                <option>2</option>

                <option>3</option>

        </select>

</p>

<p>

        <select size="1" name="D2" style="display: none">

                <option>2</option>

                <option>2</option>

                <option>3</option>

        </select>

</p>

<p>

        <select size="1" name="D3" style="display: none">

                <option>3</option>

                <option>2</option>

                <option>3</option>

        </select>

</p>

</form>