Select dependientes, funciona pero pequeño error

follow · #1 (**permalink**) 17/09/2011, 15:12

Hola a todos, tengo un problema tonto de los míos pero es que hoy estoy negado y por mas que pruebo no se solucionarlo!!!!!

Tengo dos select, al seleccionar una opcion del primero, me hace una consulta en la BD y me muestra las opciones del "Select 2", bien, pues eso me funciona bien pero me muestra siempre un error debajo de los select:

Cita:

Notice: Undefined index: id in C:\...... on line 39

Y la línea 39 es:

Cita:

$consulta = "SELECT * from pruebas WHERE id_usuario= '$_GET[id]'";

Este es el código completo: ARCHIVO form.php

Código PHP:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Selects dependientes con jQuery.</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#select1").change(function(event){
                    var id = $("#select1").find(':selected').val();
                    $("#select2").load('form.php?id='+id);
                });
            });
        </script>
      
    </head>

    <body>
        <form>
            <select name="select1" id="select1">
                <option value="">Selecciona</option>
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                
            </select>
            <select name="select2" id="select2">

            </select>
        </form>
    </body>
</html>
  <?php

include('conectar.php');

$conn = conectar();

$consulta = "SELECT * from pruebas WHERE id_usuario = '$_GET[id]'";
$query = mysql_query($consulta,$conn); 

?>

Este código lo tenía separado, es decir, tenia todo lo que es el 'php' en otro archivo, y en el script que tengo de javascript al principio del archivo en vez de hacer referencia a form.php hacia referencia al archivo del que os hablo... no se si al intentar hacerlo todo en la misma página lo he fastidiado, por separado funciona sin pegas.

¿Alguien se le ocurre que puede estar pasando?

gustavopino · #2 (**permalink**) 17/09/2011, 15:52

Por que no hacer esto en el codigo que tienes de jquery:

Código Javascript:

Ver original$(document).ready(function(){
 // Creamos el evento change para detectar el elemento elegido
 $("#select1").change(function () {
     $("#select1 option:selected").each(function () {
                         // capturamos el valor elegido
             elegido=$(this).val();
                         // Llamamos al archivo combo1.php
             $.post("get_data.php", 
            { id: elegido }, 
            function(data){
                         // Asignamos las nuevas opciones para el combo2
             $("#select2").html(data);
                         // y si tienes otro combo reseteamos el combo3
            // $("#combo3").html("");
         });         
        });
  })

y en el php lo captura como un post:

Código PHP:

Ver original$id = $_POST['elegido'];
// hacemos la consulta
$consulta = "SELECT * from pruebas WHERE id_usuario = '$id'";
$query = mysql_query($consulta,$conn);

follow · #3 (**permalink**) 17/09/2011, 16:12

Hola gustavopino, muchas gracias por contestar, he ajustado el código que me has aportado pero me vuelve a salir el error Undefine Index!!! Tengo que decir que lo he puesto todo en un mismo archivo otra vez (necesito que sea en uno para simplificar el proyecto, si es que se puede, estoy empezando a plantearme hacerlo por separado como lo tenia antes....

)

experimenta · #4 (**permalink**) 17/09/2011, 16:22

creo es por que no esta defininida la varible $id.

Código PHP:

  $id = $_POST['elegido'];

haber prueba asi :D

Código PHP:

  if(isset($_POST['elegido'])){
// hacemos la consulta
$consulta = "SELECT * from pruebas WHERE id_usuario = '".$_POST['elegido']."'";
$query = mysql_query($consulta,$conn);

}

y en jquery esto

Código Javascript:

Ver original$("#select2").load('form.php',{elegido:id});

follow · #5 (**permalink**) 17/09/2011, 16:47

Puf madremía que torpeza tengo por dios, muchas gracias por contestar experimenta a ver, lo he puesto como tu dices, pero cambiando POST por GET, ya que lo que intento es ponerlo todo en un mismo archivo, el resultado es este, y no me rellena el segundo select, :(

Código HTML:

 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Selects dependientes con jQuery.</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script language="JavaScript" type="text/JavaScript">
           $(document).ready(function(){
*// Creamos el evento change para detectar el elemento elegido
*$("#select1").change(function () {
* * *$("#select1 option:selected").each(function () {
* * * * * * * * * * * * *// capturamos el valor elegido
* * * * * * *elegido=$(this).val();
* * * * * * * * * * * * *// Llamamos al archivo combo1.php
* * * * * * *$.post("form.php", 
* * * * * * { id: elegido }, 
* * * * * * function(data){
* * * * * * * * * * * * *// Asignamos las nuevas opciones para el combo2
* * * * * * $("#select2").load('form.php',{elegido:id});
* * * * * * * * * * * * *// y si tienes otro combo reseteamos el combo3
* * * * * * // $("#combo3").html("");
* * * * *}); * * * * 
* * * * });
* })
		   });
        </script>
    </head>

    <body>
        <form>
            <select name="select1" id="select1">
                <option value="">Selecciona</option>
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                
            </select>
            <select name="select2" id="select2">

            </select>
        </form>
     </body>


[PHP]

<?php

include('conectar.php');

$conn = conectar();

if(isset($_GET['elegido'])){
// hacemos la consulta
$consulta = "SELECT * from pruebas WHERE id_usuario = '".$_GET['elegido']."'";
$query = mysql_query($consulta,$conn) or die (mysql_error());

}  

while ($fila = mysql_fetch_array($query)) {
	
    echo '<option value="'.$fila['id'].'">'.$fila['nombre'].'</option>';
};

?>

[/PHP]

experimenta · #6 (**permalink**) 17/09/2011, 17:29

Ujum Te refieres a algo como esto!

Código HTML:

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Selects dependientes con jQuery.</title>
       <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script language="JavaScript" type="text/JavaScript">
 $(function(){
	 
	$("#select1").change(function(){
	elegido = $(this).val();
	$("#select2").load('form.php #nuevoOption',{elegido:elegido});
	});
});
        </script>
    </head>

    <body>
        <form>
            <select name="select1" id="select1">
                <option value="">Selecciona</option>
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                
            </select>
            <select name="select2" id="select2">
				
            </select>
        </form>
     </body>

<?php

//include('conectar.php');

//$conn = conectar();

if(isset($_POST['elegido'])){
// hacemos la consulta
//$consulta = "SELECT * from pruebas WHERE id_usuario = '".$_POST['elegido']."'";
//$query = mysql_query($consulta,$conn) or die (mysql_error());

//}  

//while ($fila = mysql_fetch_array($query)) {
	
 //   echo '<option value="'.$fila['id'].'">'.$fila['nombre'].'</option>';
 
 echo '<option value="" id="nuevoOption">nueva opciona</option>
       <option value="1" id="nuevoOption">Opcion s1</option>
       <option value="2" id="nuevoOption">Opcion s2</option>';

}

?>

Solo es un ejemplo :D...

follow · #7 (**permalink**) 17/09/2011, 17:57

SI!!!!! jejejejejejej experimenta de verdad que muchas gracias por las molestias, gracias a gente como tu poco a poco voy aprendiendo poco a poco a hacer las cosas bien :)

He estado probando el código, pero no se como hacer para que me coja de la base de datos, de todas formas sin base de datos tambien tengo una duda, en el 'echo' que le haces a las opciones del segundo select... no tengo ni idea de como decirle que :

muestrame todos las opciones que hay en el select 2, que pertenezcan a la opcion 1 del select 1.

No me entra esto en la cabeza..

gustavopino · #8 (**permalink**) 17/09/2011, 18:00

Lo que pasa es que para hacer el query tendrias que recargar la pagina para que llene el select2 lo que tienes que hacer es:
1.- separar el php de la pagina para poder procesar el escrip.
2.- recuerda que el jquery necesita interactual con el servidor.

Por favor pon el php en otra pagina para que veas que si funciona.

follow · #9 (**permalink**) 17/09/2011, 18:11

Hola, mira, si pongo el php en otro archivo me funciona perfecto (abajo pongo el codigo), el problema es que tengo una pagina con un formulario, en ese formulario se incluyen los select dependientes que estoy intentando hacer, entonces, si lo pongo por separado como lo tengo, y como me funciona.... no se como hacer para que al enviar el formulario, se envie también los datos recogidos de los select dependientes....

Esto es por separado y como me funciona:

Formulario: FORM.php

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Selects dependientes con jQuery.</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#select1").change(function(event){
                    var id = $("#select1").find(':selected').val();
                    $("#select2").load('genera-select.php?id='+id);
                });
            });
        </script>
    </head>

    <body>
        <form action="form.php"  method="get">

       ....... varios input tex, etc...


            <select name="select1" id="select1">
                <option value="">Selecciona</option>
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                <option value="3">Opcion 3</option>
                <option value="4">Opcion 4</option>
            </select>
            <select name="select2" id="select2">

            </select>

<input name="enviar" type="submit"  value="enviar"/>
        </form>
    </body>
</html>

El php:

Código PHP:

  
<?php 
require ('conectar.php');  
 
$conn = conectar(); 
 
$consulta = "SELECT * from pruebas WHERE id_usuario = ".$_GET['id']; 
$resultado=mysql_query($consulta,$conn) or die (mysql_error()); 
 
while ($fila = mysql_fetch_array($resultado)) { 
    echo '<option value="'.$fila['nombre'].'">'.$fila['nombre'].'</option>'; 
}; 
 
?>

Asi me muestra el segundo select perfecto , pero no se como recoger el valor de los select y enviarlos con los demas datos...

gustavopino · #10 (**permalink**) 17/09/2011, 18:17

cuando envias el formulario envias los dos select al mismo tiempo pruebalo en otro archovo.php para que veas.

ah, una cosa mas te recomiendo que envies todos los datos por post ya que si lo envias por get todo los datos se visualizan por la url.

espero tu respuesta.

experimenta · #11 (**permalink**) 17/09/2011, 18:18

Todo es posible amigo

haber agrega a mi msn ahi te ayudo mas rapido,
como me explicas mejor lo que tratas de hacer y entiendo mejor .

te envio mi msn por privado Oks.

follow · #12 (**permalink**) 17/09/2011, 18:30

Madremia anda que la que he liado aquí en un momento, de verdad que muchisimas gracias a los dos, vereis gracias a lo que me ha dicho gustavopino lo he separado, lo he puesto con POST y ya lo he conseguido hacer !! YA ERA HORA!!!!!!

El FORM.PHP

Código HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Selects dependientes con jQuery.</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#select1").change(function(event){
                    var id = $("#select1").find(':selected').val();
                    $("#select2").load('genera-select.php?id='+id);
                });
            });
        </script>
    </head>

    <body>
        <form action="form.php" method="post">
            <select name="select1" id="select1">
                <option value="">Selecciona</option>
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                <option value="3">Opcion 3</option>
                <option value="4">Opcion 4</option>
            </select>
            <select name="select2" id="select2">

            </select>
            <input name="enviar" type="submit"  value="enviar"/>
        </form>
        
        <?php
		
		if(isset($_POST['enviar'])){
		
		 echo $_POST['select1'];  echo $_POST['select2']; }?>
    </body>
</html>

Y el archivo php, (genera-select.php):

Código PHP:

  
<?php 
require ('conectar.php');  
 
$conn = conectar(); 
 
$consulta = "SELECT * from pruebas WHERE id_usuario = ".$_GET['id']; 
$resultado=mysql_query($consulta,$conn) or die (mysql_error()); 
 
while ($fila = mysql_fetch_array($resultado)) { 
    echo '<option value="'.$fila['id'].'">'.$fila['nombre'].'</option>'; 
}; 
 
?>

Tanto lio de querer ponerlo todo en un archivo me ha complicado 3 horas las existencia!! Está claro que cuando una cosa no sale hay que buscar alternativas y no quedarse estancado porque si no....

De verdad que muchisimas gracias a los dos, si pudiera os daba todo el karma del mundo!!

un saludo muy grande!!