Que tal una pregunta porque no me funcionara el onchange en este select a continuacion el codigo:
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> Este el el java script:
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";
}
}