Hola a todos:
Tengo un gran problema, desde hace más de una semana no puedo darle solución, el detalle es el siguiente:
Tengo 2 combobox, el primero me da el grado que el director quiera, y el segundo las materias que tiene ese grado, una vez seleccionado (sirve como filtro para despues poder imprimir algunos datos de las mismas) cambia el segundo combobox y muestra las materias de ese grado.
Anteriormente si se quería obtener más de una materia, se tenía que seleccionar el grado, luego la materia y agregarla, y si se requería otra, se hacia el mismo proceso. Algunas personas pidieron que se pudiran seleccionar más de una materia a la vez, y agregar todas las requeridas en un solo paso (Aquí comenzó mi dolor de cabeza). Lo que hice fue meterle al combobox la opción de multiple, pero entonces ya no se recargaba, y he buscado y buscado y no he podido solucionarle. Les agradecería demasiado si alguien me ayuda.
Este es el código:
<html>
<head>
<script language="JavaScript">
function addOpt(Paso, iPos, sTxt, sVal)
{
var selOpcion=new Option(sTxt, sVal);
eval(Paso.options[iPos]=selOpcion);
}
function cambia(Paso)
{
while (Paso.length) Paso.remove(0);
switch (document.Primero.Grados.selectedIndex)
{
case 0:
addOpt(Paso, 0, "Matematicas 1", "Matematicas 1");
addOpt(Paso, 1, "Introduccion a la fisica", "Introduccion a la fisica");
addOpt(Paso, 2, "Quimica 1", "Quimica 1");
break;
case 1:
addOpt(Paso, 0, "Matematicas 2", "Matematicas 2");
addOpt(Paso, 1, "Geografia 1", "Geografia 1");
addOpt(Paso, 2, "Literatura 2", "Literatura 2");
break;
case 2:
addOpt(Paso, 0, "Literatura 3", "Literatura 3");
addOpt(Paso, 1, "Leyes 1", "Leyes 1");
addOpt(Paso, 2, "Matematicas 3", "Matematicas 3");
break;
//Cada case tiene más materias, son alrededor de 700 lineas de códigos
}
}
</script>
<style type="text/css">
<!--
.Titulos
{
font-family: Arial;
font-size: 17px;
font-weight: bold;
text-align: center;
}
.Letras
{
font-family: Arial;
font-size: 13px;
}
-->
</style>
</head>
<body class="Titulos">
<form name="Primero"action="materias.php" method="post">
<table width="300" align="center" border="0">
<tr>
<th class="Letras" align="left">Elige el grado:</th>
<th align="left">
<select name="Grados" onchange="cambia(document.Primero.Materias)"> <!-- Si fuera multiple en teoría (No tengo ni idea) dentro del onchange quedaría así: "cambia(document.Primero.Materias[])">-->
<!--Para fines practicos, voy a llenarlo solo con 3 grados como ejemplo de lo que necesito-->
<option value="0">1 Secundaria</option>
<option value="1">2 Secundaria</option>
<option value="2">3 Secundaria</option>
<?php
/*$sql="Select * from grado";
$result=mysql_query($sql, $cnx);
while($rs=mysql_fetch_row($result))
{
/************************************************** ******************
** rs[0] = Es el Id del grado, es autonumerico y comienza de 0
** rs[1] = Es el nombre del grado
************************************************** ******************/
/*echo '<option value="' .$rs[0]. '">' .$rs[1]. '</option>';
}*/
?>
</select>
</th>
</tr>
<tr><th colspan="2"> </th></tr>
<tr>
<th class="Letras" align="left">Materias:</th>
<th align="left">
<select name="Materias"> <!-- Si fuera multiple quedaría así: <select name="Materias[]">-->
<option value="Matematicas 1">Matematicas 1</option>
<option value="Introduccion a la fisica">Introducción a la física</option>
<option value="Quimica 1">Química 1</option>
<!--ETC, ETCM, ETC-->
</select>
</th>
</tr>
</table>
</form>
</body>
</html>
