Combos dependientes

[Caray]

Tengo el sig. codigo para combos dependientes pero no funciona, ayudenme pork no encuentro el error, o si saben de otro más fácil pues diganmelo


<?php
//conexión a mysql
$servidor = 'localhost';
$usuario = 'root';
$contrasena ='';
$datos = 'docencia';
mysql_connect($servidor,$usuario,$contrasena);
mysql_select_db($datos) or die("No se pudo establecer la Conexión");
?>
<?php
//seleccionamos las opciones del select principal
$sql = "SELECT c_unidad,nom_unidad FROM uni_academica ORDER BY nom_unidad";
$res = mysql_query($sql);
//obtenemos el número de registros
$num = mysql_num_rows($res);
?>
<FORM name="form1" method="POST">
<!--Combo principal-->
<select name="marca" onChange="redirect(this.options.selectedIndex)" style='width:160'>
<option selected value=0>Unidad Académica</option>
<?
for($i=0;$i<$num;$i++) {
$id_marca[$i] = mysql_result($res,$i,0);
$marca[$i] = mysql_result($res,$i,1);
echo "<option value='$id_marca[$i]'>$marca[$i]</option>";
}
?>
</select>
<!--Combo dinámico-->
<select name="modelo" style='width:160'>
<option selected value=0>Docente</option>
</select>
</FORM>
<?
echo "<script><!--";
echo "var groups=".$num;
echo "var group=new Array(groups)";
//Crea tantos arrays como valores hay en el combo principal
echo "for (i=0; i<groups; i++) group[i]=new Array()";
//Opciones cuando no se ha hecho ninguna selección en el combo principal-->
echo "group[0][0]=new Option('Docente','0');";
for($i=0;$i<$num;$i++) {
$sql = "SELECT c_profesor, nom_profesor FROM profesor WHERE c_unidad = $id_marca[$i]";
$res = mysql_query($sql);
//Obtenemos el número de modelos para esa marca
$num2 = mysql_num_rows($res);
for($j=0;$j<$num2;$j++) {
$id_modelo = mysql_result($res,$j,0);
$modelo = mysql_result($res,$j,1);
//Opciones para la opción $i del combo principal
echo "group[$num][$j]=new Option('$modelo','$id_modelo')";
}
}
?>
var temp=document.form1.modelo
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
//-->
</script>


Las Tablas son:
Uni_academica(c_unidad(pk),nom_unidad)
Profesor(c_profesor(pk),c_unidad(fk),nom_profesor)

[kayetano]

Hola

A primera vista tu código no me parece muy claro, me da la sensación que estas confundiendo variables PHP con variables JAVASCRITP. Igualmente realizas procesos algo liados.

Yo he realizado este proceso de vez en cuando para relacionar poblaciones y provincias, te pongo un ejemplo:
FORMULARIO

Provincia<br>
<select name="idprovincia" onchange="cambiaPoblacion(this.value, this.form.F_idpoblacion )">
<option value="0">- Seleccione -</option>
<?
$qProvincia = mysql_query ( "SELECT * FROM poblacion WHERE idprovincia = 0 ORDER BY nombre" ) or die (mysql_error());
while ( $rProvincia = mysql_fetch_array ( $qProvincia ) ) {
?>
<option value="<?=$rProvincia["id"]?>"><?=$rProvincia["nombre"]?></option>
<? } ?>
</select>

Poblaci&oacute;n<br>
<select name="F_idpoblacion" disabled>
<option value="0">- Seleccione -</option>
</select>

Utilizo la misma tabla para guardar las poblaciones y las provincias, la estructura sería algo asin:
id - Clave primaria
nombre - nombre de la poblacion o provincia
idprovincia - clave ajena que apunta a la misma tabla, una provincia simpre tendra este campo a 0, una población tendrá el id de la provincia.

Más cosas, con la estructura del while(... mysql_fetch_array() ) te ahorras mucho código.

Ahora nos queda el código javascript:
CODIGO JAVASCRIPT

<script language="javascript" type="text/javascript">
var arrayPoblacion = Array();
<?
$poblacionActiva = "";
$qPoblacion = mysql_query( "SELECT * FROM poblacion WHERE idprovincia > 0 ORDER BY idprovincia, nombre" );
while( $rPoblacion = mysql_fetch_array( $qPoblacion ) ) {
if( $poblacionActiva != $rPoblacion["idprovincia"] ) {
$poblacionActiva = $rPoblacion["idprovincia"];
echo "\tarrayPoblacion[$poblacionActiva] = Array();\n";
$x = 1;
}
echo "\tarrayPoblacion[$poblacionActiva][".$x++."] = new Option('".$rPoblacion["nombre"]."', ". $rPoblacion["id"] ." );\n";
}

?>

function cambiaPoblacion(provincia, poblacion ) {
if( provincia > 0 ) {
poblacion.disabled = false;
poblacion.length = 1;
for ( x in arrayPoblacion[provincia] )
poblacion.options[x] = arrayPoblacion[provincia][x];
} else {
poblacion.length = 1;
poblacion.disabled = true;
}
}
</script>
Lo que hago es generar un array con todos los posibles valores relacionando provincias y poblaciones, cuando el primer desplegable cambia pues simplemente borro el secundo desplegable y lo recargo con los nuevos valores asociados.

Hoy por hoy te dirán que lo hagas con AJAX, todo se arregla con AJAX, pero yo he utilizado este script durante mucho tiempo y me a funcionado muy bien.

Eso si no te aconsejo este script en caso de tener que asociar grandes cantidades de datos (miles o millones), en esos casos no respondo de su funcionamiento ni de los requisitos de memoria.

[gulurulu]

Buenas Kayetano,

me ha parecido muy interesante el codi que as posteado mas que nada por que a mi no me interesa hacerlo con AJAX ya que me da mas trabajo y no me importa el refresco.

Lo unico que al intentar adaptar tu codigo a lo que quiero que me salga por pantalla no me sale bien

Tengo el primer combo marca y segun marca escoje modelos.

Estan dentro de la misma tabla "cars"


<?PHP
include 'conexion.php';
conectar();
?>
<form action="" method="post" name="form">
Marca:
<select name="idmarca" onchange="cambiaModel(this.value, this.form.F_idmodel )">
<option value="0">- Seleccione -</option>
<?PHP
$qMarca = mysql_query ( "SELECT DISTINCT marca FROM cars" ) or die (mysql_error());
while ( $rMarca = mysql_fetch_array($qMarca ) ) {
?>
<option value="<?=$rMarca["marca"]?>"><?=$rMarca["marca"]?></option>
<?PHP } ?>
</select>
<br>
Model:
<select name="F_idmodel" disabled>
<option value="0">- Seleccione -</option>
</select>
</form>
<script language="javascript" type="text/javascript">
var arrayModel = Array();
<?PHP
$modelActiva = "";
$qmodel = mysql_query( "SELECT DISTINCT model FROM car WHERE marca = '$marca'");
while( $rModel = mysql_fetch_array( $qmodel )) {
if( $modelActiva != $rMoldel["model"] ) {
$modelActiva = $rModel["model"];
echo "\tarrayMoldel[$modelActiva] = Array();\n";
$x = 1;
}
echo "\tarrayModel[$modelActiva][".$x++."] = new Option('".$rModel["model"]."', ". $rModel[""] ." );\n";
}
?>
function cambiaModel(marca, model) {
if(marca > 0) {
model.disabled = false;
model.length = 1;
for ( x in arrayModel[marca] )
model.options[x] = arrayModel[marca][x];
} else {
model.length = 1;
model.disabled = true;
}
}
</script>


LLevo 3 dias con esto y no me salgo... una ayudita please?

El error (mirando el codigo fuente de la pag) que me sale es:

Warning</b>: mysql_fetch_array(): supplied argument is not a valid MySQL result resource on... line 28

[gulurulu]

Ya esta... He arreglado lo de antes... era una maldita 's' lo que pasa es que ahora no se me activa el segundo combo...

<?PHP
include 'conexion.php';
conectar();
?>
<form action="" method="post" name="form">
Marca:
<select name="idmarca" onchange="cambiaModel(this.value, this.form.F_idmodel )">
<option value="0">- Seleccione -</option>
<?PHP
$qMarca = mysql_query ( "SELECT DISTINCT marca FROM cars" ) or die (mysql_error());
while ( $rMarca = mysql_fetch_array($qMarca ) ) {
?>
<option value="<?=$rMarca["marca"]?>"><?=$rMarca["marca"]?></option>
<?PHP } ?>
</select>
<br>
Model:
<select name="F_idmodel" disabled>
<option value="0">- Seleccione -</option>
</select>
</form>

<script language="javascript" type="text/javascript">
var arrayModel = Array();
<?
$modelActiva = "";
$qmodel = mysql_query( "SELECT * FROM cars");
while( $rModel = mysql_fetch_array( $qmodel )) {
if( $modelActiva != $rMoldel["marca"] ) {
$modelActiva = $rModel["marca"];
echo "\tarrayMoldel[$modelActiva] = Array();\n";
$x = 1;
}
echo "\tarrayModel[$modelActiva][".$x++."] = new Option('".$rModel["model"]."', ". $rModel["marca"] ." );\n";
}
?>
function cambiaModel(marca, model) {
if(marca > 0) {
model.disabled = false;
model.length = 1;
for ( x in arrayModel[marca] )
model.options[x] = arrayModel[marca][x];
} else {
model.length = 1;
model.disabled = true;
}
}
</script>

Codigo fuente de la pag:

<form action="" method="post" name="form">
Marca:
<select name="idmarca" onchange="cambiaModel(this.value, this.form.F_idmodel )">
<option value="0">- Seleccione -</option>
<option value="OPEL">OPEL</option>
<option value="AUDI">AUDI</option>
<option value="PEUGEOT">PEUGEOT</option>
</select>

<br>
Model:
<select name="F_idmodel" disabled>
<option value="0">- Seleccione -</option>
</select>
</form>

<script language="javascript" type="text/javascript">
var arrayModel = Array();
arrayModel[][] = new Option('CORSA', OPEL );
arrayModel[][1] = new Option('A3', AUDI );
arrayModel[][2] = new Option('A2', AUDI );
arrayModel[][3] = new Option('A3', AUDI );
arrayModel[][4] = new Option('CORSA', OPEL );
arrayModel[][5] = new Option('103SX', PEUGEOT );
function cambiaModel(marca, model) {
if(marca > 0) {
model.disabled = false;
model.length = 1;
for ( x in arrayModel[marca] )
model.options[x] = arrayModel[marca][x];
} else {
model.length = 1;
model.disabled = true;
}
}
</script>

[kayetano]

Hola

¿Es posible ver el código en funcionamiento? La verdad es que me tienes un poco confuso con el código que has enviado.
Asin a bote pronto veo unos cuantos errores:
1. arrayModel no está bien definido, debería de quedar algo tal que asín

arrayPoblacion['AUDI'] = Array();
arrayPoblacion['AUDI'][1] = new Option('A3', 1 ); // Guardo el nombre y la clave primaria de cada coche
arrayPoblacion['AUDI'][1] = new Option('A2', 2 );
arrayPoblacion['OPEL'] = Array();
arrayPoblacion['OPEL'][1] = new Option('CORSA', 3 );

yo pondría como primer indice del array una número (la clave primaria de la tabla MARCAS) ya que no tengo muy claro si una cadena de texto como indice funcionará bien en todos los navegadores.
2. Es posible que el problema anterior venga dado por un error en el código:

if( $modelActiva != $rMoldel["marca"] ) { // SOBRA UN "l" es $rModel y no $rMoldel
$modelActiva = $rModel["marca"];

3. El script puedes ponerlo sin problemas dentro de la cabecera.

Y por último, me hace gracia que has hecho un copia a lo bestia del código, veo que has utilizado hasta basura que deje en el código como la marca "F_" que utilizo para identificar una serie de objetos.
Espero que te sirva de ayuda.

[gulurulu]

Buenas Kayetano,

Ahora modificare lo que me as comentado para ver si logro que funcione, y te comento.

El codigo en funcionamiento lo puedes ver en http://ocasio.maam.es/cercam.php

Y he copiado a saco el codigo si xD mas que nada para ver si lograva hacelo funcionar y despues depurar-lo jajajaja

[gulurulu]

A medias... te explico


arrayPoblacion['AUDI'][1] = new Option('A3', 1 ); // Guardo el nombre y la clave primaria de cada coche


Tengo un problema, mas que nada supongo que de concepto, la clave primaria para cada coche es matricula.

Digamos que la tabla cars que tego definida es:

cars(matricula, marca, modelo, color, km, fecha, ...)
matricula: char(7) idprimaria
marca: char(15)
modelo: char(15)
color: int
km: char(10)
...


2. Es posible que el problema anterior venga dado por un error en el código:

if( $modelActiva != $rMoldel["marca"] ) { // SOBRA UN "l" es $rModel y no $rMoldel
$modelActiva = $rModel["marca"];


al kitar la "l" gracias por el detalle, ya se activa el combo pero no selecciona...

Tienes la pag en http://ocasio.maam.es/cercam.php ;) para ver el funcionamiento, aunk la voy modificando pk voy haciendo pruevas.

Gracias por kualkier ayudita xD

[kayetano]

Hola

Una solución sería crear dos tablas nuevas:
MARCAS( id, nombre )
MODELOS( id, idmarca, modelo )
Con lo que te ahorrarás muchos disgustos y problemas ya que si cada vez que metes un vehiculo tienes que escribir la marca y el modelo puede ocurrir que pongas "A4" o "A 4" o "A-4" y en el desplegable se verían 3 modelos diferentes cuando en realidad es el mismo.
Una vez creadas estas dos tablas ya no tendrías problemas con el javascript.

Si quieres seguir con tu sistema pues pienso que deberás utilizar el nombre de la marca como indice del array.

[mariocase84]

Hola, no se si es muy tarde para responder, pero yo te recomiendo que visites este sitio (http://www.mattkruse.com/javascript/dynamicoptionlist/) es el JavaScript Tool Box lo que tenes que hacer es revisar los ejemplos bajarte los archivos js, incluir los archivos en tu proyecto, donar un poco de dinero (si sos altruista) y listo.

Espero te sirva.

Saludos,

Mario Antonio