Consulta...Muestre un select dependiente de otro select

[hoberwilly]

Hola amigos, gracias por sus sugerencias...estoy tratando de documentarme un poco mas pero no encuentro algo similar para mi caso.

Esto es lo que avanze:
1. Opte por tener dos selects II-A y II-B

<select name="select II-A" style="visibility:hidden">
<option selected="selected">Elige</option>
<option>Soles</option>
<option>Dolares</option>
</select>

<select name="select II-B" style="visibility:hidden">
<option selected="selected">Elige</option>
<option>Dolares</option>
<option>Euros</option>
<option>Pesos</option>
</select>

2. Pero lo que no la doy es como implementarlo al primer select:

<select name="tipo_doc" id="tipo_doc">
<option selected="selected">Elige</option>
<option>DNI</option>
<option>Carnet de Extranjería</option>
</select>

para que al seleccionar DNI...Se visualize el select II-A
y que al seleccionar CARNET DE EXTRANJERIA ...Se visualize el select II-B


Les agradesco mucho su apoyo.