Código HTML:
<form autocomplete="off" onsubmit="return validacion_tutorias(this)" method="post" name="form"> <table align="center" width="800" border="0"> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td id="tituloestatus" colspan="4">Programa de Tutorías :: Paso 4</td> </tr> <tr> <td colspan="4" id="textotxtfolio">Contesta correctamente cada uno de los apartados. Toda la información será tratada de manera confidencial, para uso exclusivo de la Universidad y del Programa de Tutorías. Los campos marcados con (*) son obligatorios.</td> </tr> <tr> <td colspan="4"> </td> </tr> </table> <fieldset class="fieldset"><legend class="legend">Situación socioeconómica</legend> <table align="center" width="780" cellpadding="0" cellspacing="0" border="0"> <tr> <td colspan="4"> </td> </tr> <tr> <td width="195" class="desc"><input style="background-color:#eeeeee;" name="sn" type="radio" value="Si" />Si <input style="background-color:#eeeeee;" name="sn" checked="checked" type="radio" value="No" />No</td> <td width="269" class="desc"><select id="residencia_estudias" name="residencia_estudias" style="background-color:#eeeeee;width:208px;" onchange="caja('residencia_estudias','residencia_estudias2')"> <option value="0">Selecciona Una Opción</option> <option value="EXCELENTES">CASA DE TUS PADRES</option> <option value="SUFICIENTES">PENSIÓN</option> <option value="INSUFICIENTES">DEPARTAMENTO O CASA PROPIA</option> <option value="INSUFICIENTES">DEPARTAMENTO O CASA RENTADA</option> <option value="OTRA OPCION">OTRA OPCIÓN</option> </select> <input style="display:none" id="residencia_estudias2" name="residencia_estudias2" maxlength="100" size="30" style="text-align:center;background-color:#eeeeee;" type="text" /></td> <td colspan="2" class="desc"><select style="background-color:#eeeeee;width:208px;" name="recursos_econo"> <option value="0">Selecciona Una Opción</option> <option value="EXCELENTES">EXCELENTES</option> <option value="SUFICIENTES">SUFICIENTES</option> <option value="INSUFICIENTES">INSUFICIENTES</option> </select></td> </tr> <tr> <td class="titulodesc">*¿TIENES HIJOS?</td> <td class="titulodesc">*¿CUÁL ES TU LUGAR DE RECIDENCIA MIENTRAS ESTUDIAS?</td> <td colspan="2" class="titulodesc">*LOS RECURSOS ECONÓMICOS CON LOS QUE CUENTAS PARA DESARROLLAR TUS ACTIVIDADES ACADÉMICAS SON:</td> </tr>
Código:
function caja(id1,id2) { if(document.getElementById(id1).value == "OTRA OPCION"){ document.getElementById(id2).style.display = "block"; }else if(document.getElementById(id1).value <> "OTRA OPCION"){ document.getElementById(id2).style.display = "none"; } }