[SOLUCIONADO] recuperar valores de campos SELECT anidados

[oskar5]

hola a todos tengo un dilema bien maluco que no he podido solucionar a ver si me pueden ayudar porfavor

tengo 2 campos select anidados que tras la consulta y ayuda de este foro logre implementar con AJAX ambos los alimento con datos en Mysql

y funciona perfectamente pongo uno y el segundo lo alimento con datos segun el valor del 1ro

ahora el problema es que quiero recuperar en una variable el VALUE del 2do para usarlo en consultas a la DB y llenar una tabla o lo que sea que necesite
pero no entiendo muy bien el AJAX y la cuestieon es que ese value lo viene a tener en otra pagina seun los ejemplos de AJAX

ayuda con esto porfa pego la manera como tengo dividido esto pues asi encontre que funcionaria



pagina index

Código:

<select name="selecteval" id="select" onchange="load(this.value)" >
		<?php
			while($row = mysql_fetch_array($resul)) { 
			$CodEval = $row["Codigo"]; 
			$nombre = $row["Nombre"]; 
			echo "<option value=".$CodEval.">".$nombre."</option>";
			} 
			
			
        ?>
       </select>

el segundo campo se pega en una etiqueta div en esta primera parte


pagina ajax.js

Código:

function load(str)
{
var xmlhttp;

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","proc.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+str);
}

la pagina que tiene el proceso del 2 select lo que me complica por que no entiendo como tomar el value de ese select para usarlo en la pagina del index

Código:

<?php
////////////// 
/////////pagina usada para procesar los campos selects html con ajax y hacerlos anidados/////////////////
include_once "conexion.php";

$q=$_POST['q'];

$sqlpre= "SELECT Codigo, Pregunta, Cuestionario FROM Preguntas WHERE Cuestionario =".$q."";
$resulpreg= mysql_query($sqlpre);

?>

<select style="width: 200px;">

<?php while($fila=mysql_fetch_array($resulpreg)){ 
			$Codpreg = $fila["Codigo"]; 
			$Pregunta = $fila["Pregunta"]; 


echo "<option value=".$Codpreg.">".$Pregunta."</option>";
echo "imprime cod dentro del while".$Codpreg;
} 



?>

</select>

[mortiprogramador]

<saludos>
Ehm, pues si ya tienes implementado que el primer select en un evento
mande la data al segundo por ajax, lo que debes hacer es exactamente
lo mismo, es decir, agregarle un evento al segundo select que haga
el mismo proceso.
En cuanto a la función javascript puedes usar la misma obviamente
haciendola más dinámica, o si te parece muy complicado dinamizarla,
le puedes sacar una copia y llamarla load2 por ej, y esta load2 es la que
llamarías en el segundo select

A su vez para el query, podrías usar el proc.php haciendolo dinámico,
o igual, le sacas una copia y la función load2 llamaría a este otro php,
y en ese nuevo php harías la consulta que quieres con el valor que llega

Entonces manos a la obra, y nos cuentas.
</saludos>

[oskar5]

no lo entiendo muy bien de primeras voy a estudiarlo y les cuento gracias por el aporte

[martin_9_91]

Hola, como te comente en otro hilo, yo utilizaría algún plugin Jquery, ya esta hecho y probado eso. O si lo queres programar vos, utilizaría jquery no ajax solo.

Te mando saludos.

[oskar5]

que pena con ustedes alguien puede darme un pequeño ejemplo mas tecnico y no textual que he hecho intento tras intento y no logro coger ese valor y meterlo en una bendita variable

[martin_9_91]

Mira, yo ya te pase un ejemplo de un plugin jquery,

http://www.prodiven.com/jcombo/?lang=es

Fíjate que hay un ejemplo de como se hace.

Por que no utilizas ese?.

[oskar5]

por que mi pregunta no es esaa ya se implementar combos anidados .. mi pregunta es otraa men estas respondiendo algo que no he preguntado

[martin_9_91]

Vos queres hacer combos anidados, yo te estoy dando la solución.

[oskar5]

amigo NO no quiero hacer combos anidados, quiero sacar una variable una VARIABLE del segundo combo que esta en otra pagina y quiero llevar esa variable a la pagina principal INDEX yo creo que explique bien lo que queria

[martin_9_91]

OK, el título dice select anidados capaz te confundiste jajajaja.

Toma el valor del select y mandalo por post a la página principal. Yo utilizaria jquery, mira la ayuda de la función post.

http://api.jquery.com/jQuery.post/

Espero que te sirva

Saludos

[oskar5]

he pasado la variable haciendo el proceso que necesitaba para usar esa variable y la he mandado de una vez desde la segunda pagina y funciona la variable se transporta pero cuando escogo otra opcion en el campo select su value no se reasigna en la pagina principal

que puedo hacer??

lo del jquery la verdad no pude entenderlo en lo absoluto si me dieras un ejemplo porfavor aplicado a mi codigo

[martin_9_91]

El post de jquery es muy simple, simplemente tenes que obtener el valor de tu select y mandarlo por post:

Algo así:

Código Javascript:

//....Acá tomas el valor de tu select (El primero)
var select1 = .......;
 
//Acá haces el post:
 
//URL: Es la url a donde hacer el post
$.post(url, {select: select1});
 

Luego en PHP la obtenes así:

Código PHP:

$var = $_POST['select'];
 

Y de esta forma ya tendrías el valor de tu select.

Masomenos sería algo así, ahora te toca adaptarlo a tu código.

Saludos

[oskar5]

por que nadie ha podido entender mi pregunta es tan simple mi pregunta


quiero coger el valor de esta variable ESTA NO OTRA ESTAAA::

Código:

$codgo = $row["Codigo"];

y llevarmelo a la pagina principal INDEX.php y con ese valor dinamicamente (ES DECIR QUE RESPONDA A lo QUE SE ESCOGE EN EL SELECT DOS) pintar una bendita tabla con datos de Mysql


es tan simpleeeeeeeeeeeeeee la pregunta no se por q me responden o mandan a buscar otras cosas


porfavor alguien sabe ayudeme si no sabe o no esta seguro ni de poder darme un ejemplo le agradesco la intencion pero no escriba nada porfavor NADA si no saben
que seguro alguien q sepa se limita a ayudarme por ver sus respuestas

[martin_9_91]

Sabes programar flaco?.

Si es tan simple hacelo vos, que queres que te hagamos todo?.

Yo ya te explique como pasar una variable por jquery.

Ahora adaptalo a tu manera.

Yo no me voy a poner a hacer tu código y menos de la forma en que respondes como queriendo que te hagamos todo.

[oskar5]

martin que pena contigo

mira no era mi intensión ni insultar ni molestar a esta comunidad y mucho menos pedir que me lo hagan todo por eso estoy pegando código del trabajo que a duras penas he realizado, me ha costado mucho precisamente por que no soy un experto como ustedes en la programación

pedire ayuda de otra manera a ver que sucede y si eso les molesta no volveré a usar este foro mejor para no molestar a nadie:

con el Jquery he intentado y no pude no repetire el por que pues ya lo dije

logre pasar el valor de la variable, tras horas de intentar con el mismo AJAX como si fuera a crear un 3er campo select me imprime la variable y me cambia cada vez que selecciono algo en el campo select

PERO ahora mi problema es que al seleccionar una nueva opcion del campo select la pagina se duplica en la pantalla --- como si se abriera un iframe es decir la misma pagina encima asi mismo como si se creara una nueva..

(repito no quiero molestar a nadie si les molesta responderme lo entenderé)


pego el codigo que use aunq solo fue crear la instancia del AJAX 2 veces y asi poder trasportar la variable a la misma pagina supongo que alli esta el problema pero no dislumbro que hacer

y porfavor si estoy exponiendo mi trabajo no creo que este dando a entender que me hagan las cosas solo pido ayuda y me desespere como cualquier persona el saber programar o no, no quiere decir q seamos robots q no sienten.

gracias



la primera funcion es para el segundo select y la segunda funcion es para enviar la variable a la misma pagina q contine este codigo

Código:

<script type="text/javascript">
		
		function showselect(str){
			var xmlhttp;
			if(str=="")
			  {
			   document.getElementById("txtHint").innerHTML="";
	   		   return;
			  }
			if(window.XMLHttpRequest)
			  {
			   xmlhttp = new XMLHttpRequest;
			  }
			else 
			  {
			   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			  }
			xmlhttp.onreadystatechange=function()
			  {
			   if(xmlhttp.readyState==4 && xmlhttp.status==200)
			   	 {
			      document.getElementById("preguntaselect").innerHTML=xmlhttp.responseText;
				 }
			  }			
			xmlhttp.open("GET","db.php?c="+str,true);
			xmlhttp.send()
			
		}
		
		
		
		
		function segundoslect(str){
			var xmlhttp;
			if(str=="")
			  {
			   document.getElementById("txtHint").innerHTML="";
	   		   return;
			  }
			if(window.XMLHttpRequest)
			  {
			   xmlhttp = new XMLHttpRequest;
			  }
			else 
			  {
			   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			  }
			xmlhttp.onreadystatechange=function()
			  {
			   if(xmlhttp.readyState==4 && xmlhttp.status==200)
			   	 {
			      document.getElementById("pruebas").innerHTML=xmlhttp.responseText;
				 }
			  }			
			xmlhttp.open("GET","NuevaEvaluacion.php?p="+str,true);
			xmlhttp.send()
			
		}
	</script>

pagina donde dibujo el segundo select pero que a su ves le pongo el evento onchange para que cuando llegue a la pagina donde esaran los selects pues me capture la varible

Código:

<?php
include_once "conexion.php";

?>

<select name="selecteval" onchange="segundoslect(this.value)">

<?php

$q=$_GET['c'];

$sqlselt= "SELECT * FROM Preguntas";
$resul= mysql_query($sqlselt);

while($row = mysql_fetch_array($resul)) 
	{ 
	 $Codpregta = $row["Cuestionario"]; 
	 $Pregunta = $row["Pregunta"]; 
	 $codgo = $row["Codigo"]; 
	 	if($Codpregta==$_GET['c'])
		   {
?>
	 		 <option value="<?php echo $codgo; ?>"> <?php echo $Pregunta; ?> </option>
             
		 <?php }
	
	  } ?>
	
</select>

[mortiprogramador]

<saludos>
Ehm, veo que se han acalorado un poco, falta de birra!!
Ok, ok, te daré otra mano, pero con 2 condiciones
1. Que pongas el código en highlight
2. Que indiques los nombres de los archivos que has publicado,
porque viendo las funciones js usas una página db.php y otra
NuevaEvaluacion.php, pero, las que publicaste con esas? o son otras?
Así que ordena el post, no tienes necesidad de otro, sino edita
el más reciente organizando todo, y empezamos a mirarlo
</saludos>

[oskar5]

Iniciado por mortiprogramador

<saludos>
Ehm, veo que se han acalorado un poco, falta de birra!!
Ok, ok, te daré otra mano, pero con 2 condiciones
1. Que pongas el código en [HIGHLIGHT="PHP"][HIGHLIGHT="PHP"]highlight
2. Que indiques los nombres de los archivos que has publicado,
porque viendo las funciones js usas una página db.php y otra
NuevaEvaluacion.php, pero, las que publicaste con esas? o son otras?
Así que ordena el post, no tienes necesidad de otro, sino edita
el más reciente organizando todo, y empezamos a mirarlo
</saludos>

gracias men bueno pues los archivos son esos 2 precisamente

NuevaEvaluacion.php = donde se mostraria todo al usuario

db.php = donde esta el segundo select que AJAX llama a la primera pagina en algun elemento con un ID definido

Código 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>
 
    <script type="text/javascript">
        
        function showselect(str){
            var xmlhttp;
            if(str=="")
              {
               document.getElementById("txtHint").innerHTML="";
               return;
              }
            if(window.XMLHttpRequest)
              {
               xmlhttp = new XMLHttpRequest;
              }
            else 
              {
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
            xmlhttp.onreadystatechange=function()
              {
               if(xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                  document.getElementById("preguntaselect").innerHTML=xmlhttp.responseText;
                 }
              }         
            xmlhttp.open("GET","db.php?c="+str,true);
            xmlhttp.send()
            
        }
        
        
        
        
        function segundoslect(str){
            var xmlhttp;
            if(str=="")
              {
               document.getElementById("txtHint").innerHTML="";
               return;
              }
            if(window.XMLHttpRequest)
              {
               xmlhttp = new XMLHttpRequest;
              }
            else 
              {
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
            xmlhttp.onreadystatechange=function()
              {
               if(xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                  document.getElementById("pruebas").innerHTML=xmlhttp.responseText;
                 }
              }         
            xmlhttp.open("GET","NuevaEvaluacion.php?p="+str,true);
            xmlhttp.send()
            
        }
    </script>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
body,td,th {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
}
#form1 table {
    font-size: 16px;
}
#form1 table tr td h4 strong {
    color: #FFF;
}
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
}
#textfield{
   
    height: 22px;
    background: #cfcdcd;
    border: solid medium #3f3f3f;
    margin: -2px 0 0 0;
    border-radius:4px;
    padding:0 5px;
}
#button{
    font-weight: bold;
    width: 245px;
    cursor: pointer;
    padding: 8px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #ccc;
    background: #dadee3;
    border-radius: 5px 5px 5px 5px;
}
#button:hover {
    background: #d4e7ff;
}
#form1 table tr td h5 strong {
    color: #FFF;
}
#form1 table tr td strong {
    color: #FFF;
}
#form1 table {
    font-size: 14px;
}
</style>
</head>
 
<body>
<?php 
include_once "conexion.php";
 
$p=$_GET['p'];
 
$miselect= 'SELECT Codigo, Nombre FROM Cuestionarios';
$resul= mysql_query($miselect);
 
 
$sqlpreg= "SELECT * FROM Respuestas WHERE CodPregunta = '$p'";
$respreg= mysql_query($sqlpreg);
 
?>
 
<form id="form1" name="form1" method="post" action="">
 
<table width="698" height="373" border="0" align="center">
  <tr>
    <td height="21" colspan="6" align="right"><button type="button" id="button" onclick="location.href = 'Administracion.php'" >Atras</button></td>
  </tr>
  
  <tr>
    <td height="21" colspan="6" id="pruebas">
 
    </td>
  </tr>
  <tr>
    <td height="24" align="right"> Evaluación: </td>
    <td colspan="4"><label for="select"></label>
      <select name="selecteval" id="select" onchange="showselect(this.value)">
            <?php
                while($row = mysql_fetch_array($resul)) { 
                $CodEval = $row["Codigo"]; 
                $nombre = $row["Nombre"]; 
                echo "<option value=".$CodEval.">".$nombre."</option>";
                } 
             ?>
       </select>
</td>
  </tr>
  <tr>
    <td width="115" height="24" align="right">Nueva Pregunta</td>
    <td colspan="4"><textarea name="nuevapregunta" cols="35" id="textfield2"></textarea></td>
  </tr>
  <tr>
    <td height="27" align="right"> Preguntas: </td>
    <td colspan="2" id="preguntaselect">
  
    </td>
    <td colspan="2"><input type="submit" name="button2" id="button" value="Agregar" />
    </td>
    
  </tr>
  <tr>
    <td height="29" colspan="5" align="right" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
  <tr>
    <td height="30" align="right" bgcolor="#EAEAEA">Respuesta: </td>
    <td colspan="4" bgcolor="#EAEAEA"><input name="textfield2"  type="text" id="textfield" size="80" /></td>
    </tr>
  <tr>
    <td height="34" align="right" bgcolor="#EAEAEA">&nbsp;</td>
    <td colspan="2" bgcolor="#EAEAEA"><input type="checkbox" name="checkbox" id="checkbox" />
      Respuesta Correcta. </td>
    <td colspan="2" align="left" bgcolor="#EAEAEA"><input type="submit" name="button" id="button" value="Agregar respuesta a esta pregunta" /></td>
   
  </tr>
  <tr>
    <td  colspan="5" align="right">&nbsp;</td>
    </tr>
  <tr>
    <td height="29" align="center" bgcolor="#333333"><strong>Opciones</strong></td>
    <td width="231" align="center" bgcolor="#333333"><strong>Respuestas</strong></td>
    <td width="80" align="center" bgcolor="#333333"><strong>Editar</strong></td>
    <td width="146" align="center" bgcolor="#333333"><strong>Borrar</strong></td>
    <td width="104" align="center" bgcolor="#333333"><strong>Flag</strong></td>
    
  </tr>
            <?php
                while($row1 = mysql_fetch_array($respreg)) { 
                $resptas = $row1["Respuesta"]; 
                           
             ?>
 
  <tr>
    <td height="24" align="center">1</td>
    <td align="center"><?php echo $resptas; }   ?></td>
 
    <td align="center">&nbsp;</td>
    
  </tr>
  <tr>
 
    
  </tr>
</table>
</form>
</body>
</html>
 

la otra pagina db.php

Código HTML:

<?php
include_once "conexion.php";
 
?>
 
<select name="selecteval" onchange="segundoslect(this.value)">
 
<?php
 
$q=$_GET['c'];
 
 
$sqlselt= "SELECT * FROM Preguntas";
$resul= mysql_query($sqlselt);
 
while($row = mysql_fetch_array($resul)) 
    { 
     $Codpregta = $row["Cuestionario"]; 
     $Pregunta = $row["Pregunta"]; 
     $codgo = $row["Codigo"]; 
        if($Codpregta==$_GET['c'])
           {
?>
             <option value="<?php echo $codgo; ?>"> <?php echo $Pregunta; ?> </option>
             
         <?php }
    
      } ?>
    
</select>
 
</script>
 

[xSkArx]

La primera vez que.preguntaste te.di eate link
http://www.formatoweb.com.ar/ajax/se...pendientes.php
Y no lo tomaste en cuenta, si lo revisas bien no tendrias problemas

[martin_9_91]

Es al pedo xSkArx, el muchacho no escucha, pregunta y hace lo que quiere ajaj

[oskar5]

Iniciado por xSkArx

La primera vez que.preguntaste te.di eate link
http://www.formatoweb.com.ar/ajax/se...pendientes.php
Y no lo tomaste en cuenta, si lo revisas bien no tendrias problemas

no es lo que estoy preguntando repito NO ES LO QUE ESTOY PREGUNTANDO

ya se hacer SELECTS anidados y lo aprendi viendo ese post q me pusiste gracias
el problema ahora es otro

me parece enserio que no leen