Точне дать краткую формулировку в названии темы не смог дать.
А выглядит это следующим образом.
Есть <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>