2 funciones en OnChange

celineadiction · #1 (**permalink**) 13/02/2011, 22:53

hola amigos tengo un problema:
tengo un select, que al cambiar deben llevarse a cabo dos funciones

Código Javascript:

Ver original<script languaje="Javascript" type="text/Javascript">
            var ver;
            function mostrar(num) {
                obj = document.getElementById('c'+(num+1));
                ver.style.display = 'none';
                obj.style.display = 'block';
                ver = obj;
                }
                
            function addId() {
                var id = document.getElementById('procesos').options[document.getElementById('procesos').selectedIndex].value;
                window.location.href ="admin.php?proc="+id;
            }
        </script>

y estos son los select que deben cambiar:

Código PHP:

Ver original<select onchange="addId();mostrar(this.selectedIndex)" id="procesos">
                    <option value='Academicos'>Academicos</option>
                    <option value='AdministracionRecursos'>Administracion de Recursos</option>
                    <option value='Planeacion'>Planeacion</option>
                    <option value='Vinculacion'>Vinculacion</option>
                    <option value='Calidad'>Calidad</option>
                </select>

al cambiar este de arriba, debe cambiar este segundo:

Código PHP:

Ver original<div id="c1">
                    <select name="Academicos">
                        <option>ITNL-AC-PO-001 INSCRIPCION</option>
                        <option>ITNL-AC-PO-002 REINSCRIPCIONES</option>
                        <option>ITNL-AC-PO-004 GESTION DEL CURSO</option>
                        <option>ITNL-AC-PO-007 RESIDENCIAS PROFESIONALES</option>
                        <option>ITNL-AC-PO-008 ACTO RECEPCION PROFESIONAL</option>
                        <option>ITNL-AC-PO-008 ACTO RECEPCION PROFESIONAL</option>
                        <option>SNEST-AC-PO-003 REGISTRO DE TITULO Y EXPEDICION DE CEDULA PROFESIONAL</option>
                    </select>
                </div>
                
                <div id="c2" style="display:none">
                    <select id="AdministracionRecursos" >
                        <option>ITNL-AD-IT-01 COMPRAS DIRECTAS</option>
                        <option>ITNL-AD-PO-001 MANTENIMIENTO</option>
                        <option>ITNL-AD-PO-002 CAPTACION DE INGRESOS PROPIOS</option>
                        <option>ITNL-AD-PO-003 SELECCION DE PERSONAL</option>
                        <option>ITNL-AD-PO-007 DETERMINAR Y GESTIONAR EL AMBIENTE DE TRABAJO</option>
                        <option>ITNL-AD-PO-009 ACTUALIZACION Y FORMACION DOCENTE</option>
                        <option>SNEST-AD-PO-008 FORMACION Y DESARROLLO DE DIRECTIVOS Y/O PERSONAL DE APOYO A LA EDCUACION DEL SNEST</option>
                    </select>
                </div>
                
                <div id='c3' style="display:none">
                    <select name="Planeacion">
                        <option>SNEST-PL-PO-001 PTA</option>
                        <option>SNEST-PL-PO-002 APOA</option>
                        <option>SNEST-PL-PO-003 POA</option>
                        <option>SNEST-PL-PO-004 ANTEPROYECTO DE INVERSION</option>
                        <option>SNEST-PL-PO-005 GASTO DIRECTO</option>
                    </select>
                </div>
                
                <div id='c4' style="display:none">
                    <select name="Vinculacion" >
                        <option>ITNL-VI-PO-001 VISITAS A EMPRESAS</option>
                        <option>ITNL-VI-PO-002 SERVICIO SOCIAL</option>
                        <option>ITNL-VI-PO-003 PROMOCION CULTURAL Y DEPORTIVA</option>
                    </select>
                </div>
                
                <div id='c5' style="display:none">
                    <select name="Calidad" >
                        <option>ITNL-CA-IT-03 INSTRUCTIVO DE TRABAJO PARA LA REALIZACION DE LA REVISION POR LA DIRECCION</option>
                        <option>ITNL-CA-PG-001 CONTROL DE DOCUMENTOS</option>
                        <option>ITNL-CA-PG-002 CONTROL DE REGISTROS</option>
                        <option>ITNL-CA-PG-003 AUDITORIAS INTERNAS</option>
                        <option>ITNL-CA-PG-004 CONTROL PRODUCTO NO CONFORME</option>
                        <option>ITNL-CA-PG-005 ACCIONES CORRECTIVAS</option>
                        <option>ITNL-CA-PG-006 ACCIONES PREVENTIVAS</option>
                        <option>ITNL-CA-PO-001 QUEJAS O SUGERENCIAS</option>
                        <option>ITNL-CA-PO-002 AUDITORIAS DE SERVICIOS</option>
                        <option>ITNL-CA-PO-005 EVALUCION DOCENTE</option>
                </select>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan='2'>
            
                <div id="a1" style="display:none">
                    <input type="checkbox" name="option1" value="ITNL-AC-PO-01 Procedimiento para la inscripción de estudiantes">
                    ITNL-AC-PO-01 Procedimiento para la inscripci&#243;n de estudiantes<br>
                    <input type="checkbox" name="option2" value="Registro eléctronico de la solicitud de ficha para examen de selección">
                    Registro el&#233;ctronico de la solicitud de ficha para examen de selección <br>
                    <input type="checkbox" name="option3" value="ITNL-AC-PO-00-01 Formato de lista de aspirantes aceptados">
                    ITNL-AC-PO-00-01 Formato de lista de aspirantes aceptados<br>
                    <input type="checkbox" name="option1" value="ITNL-AC-PO-001-02 Formato de solicitud de inscripción">
                    ITNL-AC-PO-001-02 Formato de solicitud de inscripci&#243;n<br>
                    <input type="checkbox" name="option4" value="ITNL-AC-RC-001 Listado de documentos requeridos para inscripción">
                    ITNL-AC-RC-001 Listado de documentos requeridos para inscripci&#243;n<br>
                    <input type="checkbox" name="option5" value="ITNL-AC-RC-002 Guía para la asignacion de número de control">
                    ITNL-AC-RC-002 Gu&#237;a para la asignacion de número de control<br>
                    <input type="checkbox" name="option6" value="Formato de carga académica">
                    Formato de carga acad&#233;mica<br>
                    <input type="checkbox" name="option7" value="Formato de credencial">
                    Formato de credencial<br>
                    <input type="checkbox" name="option8" value="ITNL-AC-PO-001-03 Contrato con el estudiante">
                    ITNL-AC-PO-001-03 Contrato con el estudiante<br>
                    <input type="checkbox" name="option9" value="Formato de libro registro de número de control">
                    Formato de libro registro de n&#250;mero de control<br>
                    <input type="checkbox" name="option10" value="Recibo oficial de cobro">
                    Recibo oficial de cobro<br>
                </div>
                
                <div id="a2" style="display:none">
                    <input type="checkbox" name="option11" value="ITNL-AC-PO-002 Procedimiento para la reinscripción de estudiantes">
                    ITNL-AC-PO-002 Procedimiento para la reinscripci&#243;n de estudiantes
                    <input type="checkbox" name="option12" value="ITNL-AC-PO-002-001 Formato para el calendario escolar">
                    ITNL-AC-PO-002-001 Formato para el calendario escolar 
                </div>
                
                <div id="a3" style="display:none">
                    <input type="checkbox" name="option13" value="ITNL-AC-PO-004 Procedimiento para la gestión del curso">
                    ITNL-AC-PO-004 Procedimiento para la gesti&#243;n del curso
                    <input type="checkbox" name="option14" value="ITNL-AC-PO-004-01 Formato para la planeacion del curso y avance programático">
                    ITNL-AC-PO-004-01 Formato para la planeacion del curso y avance program&#225;tico
                    <input type="checkbox" name="option14" value="ITNL-AC-PO-004-02 Formato para el reporte final del semestre">
                    ITNL-AC-PO-004-02 Formato para el reporte final del semestre
                    <input type="checkbox" name="option14" value="ITNL-AC-PO-004-03 Formato para el reporte de proyectos individuales del docente">
                    ITNL-AC-PO-004-03 Formato para el reporte de proyectos individuales del docente
                    <input type="checkbox" name="option14" value="">
                    ITNL-AC-PO-004-04 Liberaci&#243;n de actividades frente a grupo
                    <input type="checkbox" name="option14" value="">
                    ITNL-AC-PO-004-05 Instrumentaci&#243;n didáctica del periodo
                    <input type="checkbox" name="option14" value="">
                    ITNL-AC-PO-004-06 Formato para horario de trabajo
 
                </div>

gracias de antemano por su ayuda

_cronos2 · #2 (**permalink**) 14/02/2011, 00:36

En el onchange del primero le asignas el evento onchange a los demás.
Saludos (: