[SOLUCIONADO] Ocultar campos input de acuerdo a opción en select

[ivannovic]

Buenas noches a todos!

Quiero saber cómo puedo ocultar un par campos input en un formulario, de acuerdo a la opción que se elige en un select, es decir:

Si selecciono "Por ingresos" deberían permanecer ocultos los input 1 y 2
Si selecciono "Por importe de crédito" deberá aparecer el input 1 y dejar oculto el 2, y finalmente si selecciono "Por importe de Descuento" debería ocultarse el input 1 y aparecer el 2

Código HTML:

<select name="typecal" size="1" class="campos" id="typecal">
	<option value="ingreso">Por Ingresos</option>
	<option value="impcredit">Por Importe de Crédito</option>
	<option value="impdesc">Por Importe de Descuento</option>
</select>

<input name="uno" type="text" id="importcred" class="input"></div>		
<input name="dos" type="text" id="importdesc" class="input"></div> 

Espero me puedan ayudar

Gracias desde ahora.

Saludos!

[emprear]

primero obtenes el valor seleccionado

var valor = document.getElementById('typecal').value;

ya teniendo dicho valor, contruís un condicional

Código:

if(condicion){
//...
}else if(condición){
//
}else{
//
}

según el valor obtenido, cambias la propiedad display del input con, por ejemplo

Código:

document.getElementById('importcred').style.display = 'none';

la llamada de la función la hacés con onchange en el select, por lo que recomiendo que incluyas un <option> adicional al inico
<option value="">Seleccione tipo</option>
o algo así

Saludos

[ivannovic]

muchas gracias emprear, lo voy a revisar de esta forma

Saludos! :D