Combobox relacionados.

xrobx · #1 (**permalink**) 22/04/2008, 11:40

Que tal un saludos a todos los de foro, pues necesito hacer dos combobox relacionados. Aqui esta el codigo del primero, los hice en php pero me comentaron que era mas facil en ajax de ajax no se mucho o mas bien casi nada:

1er combobox.

Código PHP:

 
 <td align="center" bgcolor="#33FF33">

    <form name="guarda1"  method="get">

    <label>

    <select name="depto" id="depto" onclick="guardar()"/>

    <?php 

    $e="SELECT depto FROM empleados ORDER BY depto";

    $f=mysql_query($e, $conectar);

    while($g=mysql_fetch_array($f))

    {$h=$g['depto'];

    ?>

    <option value="<?php echo $h;?>" > <?php echo $h;?> </option >

    <?php } ?>

    </label>

    

    </form>

    </td>

Este toma el campo departamento de la tabla empleados, los ordena por orden alfabetico, el problema aqui es que si hay dos empleados del mismo departamento, como ejemplo dos empleados de compras, la opcion compras dentro del combobox aparece dos veces.

2do combobox.

Código PHP:

  <?php

    $t=$_GET['depto'];

    

    ?>

  <tr>

    <td align="center" bgcolor="#999900">

    <form name="guarda" method="post" action="">

    

    <label>

    <select name="resp" id="resp" />    

    <?php 

    $a="SELECT nombre FROM empleados where depto='$t' ORDER BY nombre";

    $b=mysql_query($a, $conectar);

 
    while($c=mysql_fetch_array($b))

    {$d=$c['nombre'];

    ?>

    <option value="<?php echo $d;?>"> <?php echo $d;?> </option>

    <?php } ?>

    </label>

    

    </form>

    

    </td>

Este muestra los empleados que pertenecen al departamento que se elige en el primer combobox, pero solo permite elegir el primero de la lista, no deja elegir otro.

Ademas tengo esta funcion para que de el valor del primer combobox.

Código PHP:

  <script language="javascript">

function guardar()

{guarda1.action="pruebas.php";

 guarda1.submit();

}

</script>

Bueno aqui dejo tambien todo el codigo junto por si hay alguna duda.

Código PHP:

 
<!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=iso-8859-1" />

<title>Untitled Document</title>

</head>

<?php 

session_start(); 

$Usuario=$_SESSION['login'];

include ("conection.php");

$conectar=Conectar();

?>

 
<body>

<table width="780" border="0" cellspacing="0">

  <tr>

    <td align="center" bgcolor="#33FF33">

    <form name="guarda1"  method="get">

    <label>

    <select name="depto" id="depto" onclick="guardar()"/>

    <?php 

    $e="SELECT depto FROM empleados ORDER BY depto";

    $f=mysql_query($e, $conectar);

    while($g=mysql_fetch_array($f))

    {$h=$g['depto'];

    ?>

    <option value="<?php echo $h;?>" > <?php echo $h;?> </option >

    <?php } ?>

    </label>

    

    </form>

    </td>

  </tr>

      <?php

    $t=$_GET['depto'];

    

    ?>

  <tr>

    <td align="center" bgcolor="#999900">

    <form name="guarda" method="post" action="">

    

    <label>

    <select name="resp" id="resp" />    

    <?php 

    $a="SELECT nombre FROM empleados where depto='$t' ORDER BY nombre";

    $b=mysql_query($a, $conectar);

 
    while($c=mysql_fetch_array($b))

    {$d=$c['nombre'];

    ?>

    <option value="<?php echo $d;?>"> <?php echo $d;?> </option>

    <?php } ?>

    </label>

    

    </form>

    

    </td>

  </tr>

</table>

</body>

<script language="javascript">

function guardar()

{guarda1.action="pruebas.php";

 guarda1.submit();

}

</script>

</html>

Si me pueden ayudar se los agradecere de antemano. Soy novato en esto por favor un poco de pasciencia.

Saludos.

Shiryu_Libra · #2 (**permalink**) 22/04/2008, 12:54

mira esta pagina... recomendada ya que usas php y quieres ajax para esto

Selects dependientes de 2 niveles

podras mirar el ejemplo y sabras lo que debes hacer o como acondicionarla para tu proyecto

xrobx · #3 (**permalink**) 22/04/2008, 12:55

Gracias, voy a checarlo.