Ayuda select dependientes

hexentt · #1 (**permalink**) 05/07/2010, 18:59

Hola que tal soy nuevo en php y necesito ayuda de como crear un select dependiete, por ejemplo:

Tengo un select categoria y quiero que al seleccionar una opcion de ese select categoria se habiliten dos, select equipo1 y select equipo2 y que esos dos select me muestren sus opciones que estan en una base de datos

<select name="categorias" id="categorias">
<option value="0">Selecionar Categoria</option>
<?php
mysql_connect("localhost","root","");
$sql= "select * from canchita.categorias order by canchita.categorias.nombrec";

$res = mysql_query($sql);
$numeroRegistros = mysql_num_rows($res);

while($registro=mysql_fetch_array($res)){
$id=$registro[0];
echo "<option value='$id'>{$registro['nombrec']}</option>";
}
?>
</select>

<select name="equipo1" id="equipo1">
<option value="0">Selecionar Equipo1</option>
</select>
<select name="equipo2" id="equipo2">
<option value="0">Selecionar Equipo2</option>
</select>

carlos_belisario · #2 (**permalink**) 05/07/2010, 19:02

eso se hace con ajax aqui te dejo un ink queme ayudo a mi http://www.formatoweb.com.ar/ajax/se...pendientes.php

doylelives · #3 (**permalink**) 05/07/2010, 19:19

lo podría resolver con php aunque se tendria que recargar la pagina, si usas el ejemplo de Carlos_belisario, deberías manejar conceptos de js/ajax.
En php, al cambiar un html select deberías usar un evento onchange para que redireccione a la misma pagina y por get enviar la opcion seleccionada, luego tu script debe filtrar los valores get de manera de ejecutar los query necesarios para listar los selects dependientes.

carlos_belisario · #4 (**permalink**) 05/07/2010, 19:22

me suena interesante esa manera que dijiste podrias dar un ejemplo o un lugar donde pueda verlo?? te lo agradesco ya que es importante tener varias opciones

hexentt · #5 (**permalink**) 05/07/2010, 19:24

ok mira tengo este codigo:

que esta en formulario.php

<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#categorias").change(function(event){
var id = $("categorias").find(':selected').val();
$("#equipo1").load('genera-select.php?id='+id);
$("#equipo2").load('obtendatos.php?id='+id);
});
});
</script>
</head>

<body>
<form>
<select name="categorias" id="categorias">
<option value="0">Selecionar Categoria</option>
<?php
mysql_connect("localhost","root","");
$sql= "select * from canchita.categorias order by canchita.categorias.nombrec";

$res = mysql_query($sql);
$numeroRegistros = mysql_num_rows($res);

while($registro=mysql_fetch_array($res)){
$id=$registro[0];
echo "<option value='$id'>{$registro['nombrec']}</option>";
}
?>
</select>

<select name="equipo1" id="equipo1">
<option value="0">Selecionar Equipo1</option>
</select>
<select name="equipo2" id="equipo2">
<option value="0">Selecionar Equipo2</option>
</select>

</form>
</body>

y tengo este para que agarre los datos que estan en la BD pero no e funciona no me muestra los datos

se llama obtendatos.php

mysql_connect("localhost","root","");

$consulta = "SELECT * from canchita.equipos WHERE canchita.equipos.idcategoria = ".$_GET['id'];
$query = mysql_query($consulta);
while ($fila = mysql_fetch_array($query)) {
echo '<option value="'.$fila['idcategoria'].'">'.$fila['equipo'].'</option>';
}