Ejemplo:
Nuestro numero de cuenta es: 000000000000000000000
Codigo HTML:
<div>
<div>
<SELECT NAME="pago" onChange="pagoOnChange(this)">
<OPTION VALUE="transferencia">Transferéncia</OPTION>
<OPTION VALUE="tarjeta">Pago con tarjeta</OPTION>
</SELECT>
</div>
<div id="nCuenta" style="display:none;">
Nuestro numero de cuenta es: 000000000000000000000
</div>
<div id="nTargeta" style="display:;">
<br>
Numero*
<br>
<input type='text' name='nTarjeta'size='20' maxLength='60'>
<br><br>
Titular*
<br>
<input type='text' name='titularTarjeta'size='20' maxLength='60'>
<br><br>
Numero de seguridad*
<input type='text' name='numeroSeguridad'size='3' maxLength='3'>
</div>
</div>
Codigo Javascript:
function pagoOnChange(sel) {
if (sel.value=="transferencia"){
divC = document.getElementById("nCuenta");
divC.style.display = "";
divT = document.getElementById("nTargeta");
divT.style.display = "none";
}else{
divC = document.getElementById("nCuenta");
divC.style.display="none";
divT = document.getElementById("nTargeta");
divT.style.display = "";
}
}
Bueno ahí lo dejo, seguro que hay alguna forma mejor o más optima pero yo lo resolví así, si alguien quiere poner un comentario explicando una forma mejor que no se vea cohibido puesto que la función de este blog es ayudar y mejorar en la medida de lo posible.Un saludo.