cargar un combo Hola buen día, estoy haciendo un programita que me cargue categorias, secciones y subsecciones en 3 combos utilizando javascript y html. Hasta el momento he logrado cargar las categorias y cuando selecciono la categoria se carga bien la sección, pero no he podido traer las subsecciones porque no tengo un punto de validación. Espero que me entiendan. Aquí les dejo los dos códigos para que los revisen y me digan que estoy haciendo mal. MUCHAS GRACIAS.
ESTE ES EL HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CLASIFICADOS</title>
<script language="JavaScript" type="text/JavaScript" src="javela.js">
</script>
</head>
<body>
<h2>CLASIFICADOS GRATIS<h2>
<?php
if (isset ($_POST))
{
foreach ($_POST as $inputName => $value_)
{
$$inputName = $value_;
}
}
else
{
foreach ($HTTP_POST_VARS as $inputName => $value_)
{
$$inputName = $value_;
}
}
if (!isset($tarea))
{
$tarea = 1;
}
?>
<?php
switch ($tarea)
{
case 1:
{
//<!--EN MOZILLA PARA HACER REFERENCIA AL NOMBRE DE LA FORMA SE HACE CON ID Y EN IE CON NAME-->
echo "<form name=\"clasificados\" id=\"clasificados\" method=\"post\">";
echo "<select name=\"cat\" id=\"cat\" onChange=\"categoria(this.value);\">";
echo "<option value=\"\">[SELECCIONE CATEGORÍA]</option>";
echo "<option value=\"1\">OFERTAS DE EMPLEO</option>";
echo "<option value=\"2\">DEMANDA DE EMPLEO</option>";
echo "<option value=\"3\">ASESORIAS</option>";
echo "</select>";
echo "<br><br>";
echo "<select name=\"seccion\" id=\"seccion\" onChange=\"sec(this.value);\">"; //sec CARGA LAS SECCIONES QUE MANDA valor EN LA FUNCION sec
echo "<option value=\"\">SECCIONES</option>";
echo "</select>";
echo "<br><br>";
echo "<select name=\"subseccion\" id=\"subseccion\" onChange=\"subsec(this.value);\">"; //subsec CARGA LAS SECCIONES QUE MANDA valor2 EN LA FUNCION subsec
echo "<option value=\"\">SUBSECCIONES</option>";
echo "</select>";
echo "<br><br>";
echo "<input type=\"submit\" value=\"CONTINUAR >>\";\"></input>";
echo "<input id=\"tarea\" name=\"tarea\" type=\"hidden\" value=\"".$tarea."\">"; // ENVIAR VALORES OCULTOS $tarea
echo "</form>";
break;
}
}
?>
</body>
</html>
---------------------------------------
ESTE ES EL JAVASCRIPT
----------------------------------------
function categoria(valor)
{
secciones(valor);
}
//-------------------------------------------------------------------
function secciones(valor)
{
o = new Array;
i=0;
if (valor == " ")
{
o[i++]=new Option("(Seleccione la Sección)", "0");
}
if (valor == "1")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("AntsWeb", "personal.php");
o[i++]=new Option("Rentinet");
}
if (valor == "2")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("Agustinos", "http://www.elgranvalle.net/agustinos/indexinicio.php");
o[i++]=new Option("Promedico", "http://www.promedico.com.co");
o[i++]=new Option("Asocopservir", "http://www.asocopservir.org");
o[i++]=new Option("Fonvalle", "http://fonvalle.univalle.edu.co");
o[i++]=new Option("Juntos", "http://www.asociacionjuntos.com");
o[i++]=new Option("Semillero", "http://www.semilleroseccionrendimiento.com");
}
if (valor == "3")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("Expomoda", "http://www.expomodacolombia.com");
o[i++]=new Option("Camara", "http://www.camaradelamodavallecaucana.com");
}
if (i==0)
{
alert(i + " " + "Elige una Categoria!!!");
}
else
{
dropdownObjectPath = document.clasificados.seccion; //clasificados HACE REFERENCIA AL NOMBRE DE LA FORMA EN empleos.php
eval(document.clasificados.seccion.length=o.length );//seccion HACE REFERENCIA AL SELECT QUE ES LLAMADO POR EL SELECT categoria
largestwidth=0;
for (i=0; i < o.length; i++)
{
eval(document.clasificados.seccion.options[i]=o[i]);
if (o[i].text.length > largestwidth)
{
largestwidth=o[i].text.length;
}
}
eval(document.clasificados.seccion.length=o.length );
}
}
//--------------------------------------------------------------------------
function secciones2(valor2)
{
subsecciones(valor2);
}
//---------------------------------------------------------------------------
function subsecciones(valor2)
{
o = new Array;
i=0;
if (valor2 == " ")
{
o[i++]=new Option("(Seleccione la Subsección)", "0");
}
if (valor2 == "1")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("UNO", "personal.php");
o[i++]=new Option("DOS", "");
}
if (valor2 == "2")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("TRES", "http://www.elgranvalle.net/agustinos/indexinicio.php");
o[i++]=new Option("CUATRO", "http://www.promedico.com.co");
o[i++]=new Option("CINCO", "http://www.asocopservir.org");
o[i++]=new Option("SEIS", "http://fonvalle.univalle.edu.co");
o[i++]=new Option("SIETE", "http://www.asociacionjuntos.com");
o[i++]=new Option("OCHO", "http://www.semilleroseccionrendimiento.com");
}
if (valor2 == "3")
{
o[i++]=new Option("(Elige de la lista)", "0");
o[i++]=new Option("NUEVE", "http://www.expomodacolombia.com");
o[i++]=new Option("DIES", "http://www.camaradelamodavallecaucana.com");
}
if (i==0)
{
alert(i + " " + "Elige una Sección!!!");
}
else
{
dropdownObjectPath = document.clasificados.subseccion; //clasificados HACE REFERENCIA AL NOMBRE DE LA FORMA EN empleos.php
eval(document.clasificados.subseccion.length=o.len gth);//seccion HACE REFERENCIA AL SELECT QUE ES LLAMADO POR EL SELECT categoria
largestwidth=0;
for (i=0; i < o.length; i++)
{
eval(document.clasificados.subseccion.options[i]=o[i]);
if (o[i].text.length > largestwidth)
{
largestwidth=o[i].text.length;
}
}
eval(document.clasificados.subseccion.length=o.len gth);
}
}
//-----------------------------------------------------------------------
/*function sec(valor)
{
document.location=valor;
}
//---------------------------------------------------------------------------
function subsec(valor2)
{
document.location=valor2;
}*/
