Buen día. disculpen la molestia, pero tengo un problema, tengo este formulario y estoy realizando la validación.
Lo que quiero es que cuando seleccione el tipo alumno me muestre los otros dos campos "CARRERA Y TURNO"
pero que me realice la validación también como en el tipo de usuario.
y que cuando se seleccione un tipo de usuario ya sea de control escolar u orientación me des habilite la validación de los campos de
CARRERA Y TURNO.
de ante mano les agradecería mucho que me ayuden.
Gracias por su tiempo y respuestas..
Saludos...!!!
Código PHP:
<script>
function opcion(tipo_us){ /////// FUNCION PARA OBTENER LA CAJA DE TEXTO EN CASO QUE EL TIPO DE REPORTE SEA OTRO/////////////////////
var tipo_us=document.getElementById(tipo_us);
if ( tipo_us.selectedIndex == '3' ) {
// EN CASO DE QUE COINCIDA LA OPCION SELECCIONADA SE HABILITAN LOS CAMPOS CON IDENTIFICADOR A Y B
a.style.display='block';
b.style.display='block';
c.style.display='block';
d.style.display='block';
}else{// EN CASO DE QUE NO COINCIDA LA OPCION SELECCIONADA SE DESHABILITAN LOS CAMPOS CON IDENTIFICADOR A Y B
a.style.display='none';
b.style.display='none';
c.style.display='none';
d.style.display='none';
}
}///////////////FIND E LA FUNCION DONDE OBTENEMOS LA CAJA DE TEXTO
</script>
<html>
<center><table>
<tr>
<td>TIPO DE USUARIO</td>
<td>
<select name='tipo_us' id='tipo_us' onChange='opcion("tipo_us")' class='validate[required]'> //class='validate[required]' es el que realiza la validacion
<option value=''>--OPCION--</option>
<option value='1'>CONTROL ESCOLAR</option>
<option value='2'>ORIENTACION</option>
<option value='3'>ALUMNO</option>
</select>
</td>
</tr>
<tr>
<td>
<div id='a' style='display:none;'>
CARRERA
</div>
</td>
<td>
<div id='b' style='display:none;'>
<select name='carrera' id='carrera' class='validate[required]'>
<option value=''>---SELECCIONE---</option>
<option value='1'>PROGRAMACION</option>
<option value='2'>PROCESOS DE GESTION ADMINISTRATIVA</option>
</select>
</div>
</td>
</tr>
<tr>
<td>
<div id='c' style='display:none;'>
TURNO
</div>
</td>
<td>
<div id='d' style='display:none;'>
<select name='turno' id='turno' class='validate[required]'>
<option value=''>---SELECCIONE---</option>
<option value='1'>MATUTINO</option>
<option value='2'>VESPERTINO</option>
</select>
</div>
</td>
</tr>
</html>
28-07-2014
Temas Similares
Modo Hilado