Guardar valores select php + ajax

the_sheriff_pino · 17 Abril 2013, 09:38 AM

Saludos amigos!
Tengo dos listas desplegables, la segunda condicionada por la primera realizadas con PHP y Ajax y necesito que los valores seleccionados en ambas listas se guarden en una base de datos.
Forma parte de un formulario y los demás datos que introduzco si que se envían a la base de datos.
Un saludo

дٳ⁪⁪⁪⁪⁪⁪⁪Ŧ٭ · 17 Abril 2013, 16:51 PM

Y luego?, viejo aquí no hacemos tareas... pero te ayudamos. Ya leíste algo sobre Ajax y peticiones get?

Saludos

the_sheriff_pino · 17 Abril 2013, 16:58 PM

Cita de: дٳ⁪⁪⁪⁪⁪⁪⁪Ŧ٭ en 17 Abril 2013, 16:51 PM
Y luego?, viejo aquí no hacemos tareas... pero te ayudamos. Ya leíste algo sobre Ajax y peticiones get?

Saludos

Si, está todo hecho, y funciona, lo único que me falta es que se recojan los valores seleccionados y se manden a la base de datos por ejemplo con un botón.

WHK · 17 Abril 2013, 17:26 PM

Desde php recoges los datos con $_POST si los enviaste via POST y $_GET si los enviaste via GET.

Dale un <?php print_r($_POST); ?> para saber que datos está recogiendo.

Sabes SQL? has utilizado bases de datos alguna ves en php?
http://php.net/manual/es/book.mysql.php

Saludos.

the_sheriff_pino · 17 Abril 2013, 17:53 PM

Cita de: WHK en 17 Abril 2013, 17:26 PM
Desde php recoges los datos con $_POST si los enviaste via POST y $_GET si los enviaste via GET.

Dale un <?php print_r($_POST); ?> para saber que datos está recogiendo.

Sabes SQL? has utilizado bases de datos alguna ves en php?
http://php.net/manual/es/book.mysql.php

Saludos.

Si manejo SQL, la cuestión es que no me devuelve nada, utilizo echo en vez de print pero... Os muestro el código porque de todas maneras... no soy capaz de averiguarlo.

Código (php) [Seleccionar]

<?php
header('Content-Type: text/html; charset=iso-8859-1');
function generaProvincias()
{
 include 'conexion.php';
 conectar();
 $consulta=mysql_query("SELECT id, opcion FROM lista_provincias");
 

 // Voy imprimiendo el primer select compuesto por los paises
 echo "<select size='30' name='provincias' id='provincias' onChange='cargaContenido(this.id)'>";
 echo "<option value='0'>Elige</option>";
 while($registro=mysql_fetch_row($consulta))
 {
  echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
   }
 echo "</select>";
}
 
 
?>



<html>
<head>
<meta http-equiv="conten-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="select_dependientes.css">
<script type="text/javascript" src="select_dependientes.js"></script>
</head>

<body>

   <div id="demo" style="width:600px;">
    <div id="demoDer">
                    <select disabled="disabled" name="poblaciones" id="poblaciones" >
      <option value="0">Selecciona opci&oacute;n...</option>
     </select>
    </div>
    <div id="demoIzq"><?php generaProvincias(); ?></div>
   </div>
          <?
          echo $registro[0];
    ?>
   
</body>
</html>

Código (javascript) [Seleccionar]

function nuevoAjax()
{ 
 /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
 lo que se puede copiar tal como esta aqui */
 var xmlhttp=false;
 try
 {
  // Creacion del objeto AJAX para navegadores no IE
  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
 }
 catch(e)
 {
  try
  {
   // Creacion del objet AJAX para IE
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch(E)
  {
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
  }
 }
 return xmlhttp; 
}

// Declaro los selects que componen el documento HTML. Su atributo ID debe figurar aqui.
var listadoSelects=new Array();
listadoSelects[0]="provincias";
listadoSelects[1]="poblaciones";

function buscarEnArray(array, dato)
{
 // Retorna el indice de la posicion donde se encuentra el elemento en el array o null si no se encuentra
 var x=0;
 while(array[x])
 {
  if(array[x]==dato) return x;
  x++;
 }
 return null;
}

function cargaContenido(idSelectOrigen)
{
 // Obtengo la posicion que ocupa el select que debe ser cargado en el array declarado mas arriba
 var posicionSelectDestino=buscarEnArray(listadoSelects, idSelectOrigen)+1;
 // Obtengo el select que el usuario modifico
 var selectOrigen=document.getElementById(idSelectOrigen);
 // Obtengo la opcion que el usuario selecciono
 var opcionSeleccionada=selectOrigen.options[selectOrigen.selectedIndex].value;
 // Si el usuario eligio la opcion "Elige", no voy al servidor y pongo los selects siguientes en estado "Selecciona opcion..."
 if(opcionSeleccionada==0)
 {
  var x=posicionSelectDestino, selectActual=null;
  // Busco todos los selects siguientes al que inicio el evento onChange y les cambio el estado y deshabilito
  while(listadoSelects[x])
  {
   selectActual=document.getElementById(listadoSelects[x]);
   selectActual.length=0;
   
   var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Selecciona Opci&oacute;n...";
   selectActual.appendChild(nuevaOpcion); selectActual.disabled=true;
   x++;
  }
 }
 // Compruebo que el select modificado no sea el ultimo de la cadena
 else if(idSelectOrigen!=listadoSelects[listadoSelects.length-1])
 {
  // Obtengo el elemento del select que debo cargar
  var idSelectDestino=listadoSelects[posicionSelectDestino];
  var selectDestino=document.getElementById(idSelectDestino);
  // Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
  var ajax=nuevoAjax();
  ajax.open("GET", "select_dependientes_proceso.php?select="+idSelectDestino+"&opcion="+opcionSeleccionada, true);
  ajax.onreadystatechange=function() 
  { 
   if (ajax.readyState==1)
   {
    // Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
    selectDestino.length=0;
    var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Cargando...";
    selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true; 
   }
   if (ajax.readyState==4)
   {
    selectDestino.parentNode.innerHTML=ajax.responseText;
   } 
  }
  ajax.send(null);
 }
}

Código (php) [Seleccionar]

<?php
header('Content-Type: text/html; charset=iso-8859-1');
// Array que vincula los IDs de los selects declarados en el HTML con el nombre de la tabla donde se encuentra su contenido
$listadoSelects=array(
"provincias"=>"lista_provincias",
"poblaciones"=>"lista_poblaciones"
);

function validaSelect($selectDestino)
{
 // Se valida que el select enviado via GET exista
 global $listadoSelects;
 if(isset($listadoSelects[$selectDestino])) return true;
 else return false;
}

function validaOpcion($opcionSeleccionada)
{
 // Se valida que la opcion seleccionada por el usuario en el select tenga un valor numerico
 if(is_numeric($opcionSeleccionada)) return true;
 else return false;
}

$selectDestino=$_GET["select"]; $opcionSeleccionada=$_GET["opcion"];

if(validaSelect($selectDestino) && validaOpcion($opcionSeleccionada))
{
 $tabla=$listadoSelects[$selectDestino];
 include 'conexion.php';
 conectar();
 $consulta=mysql_query("SELECT distinct * FROM $tabla WHERE id='$opcionSeleccionada' order by opcion asc") or die(mysql_error());
 desconectar();
 
 // Comienzo a imprimir el select
 echo "<select size='30' name='".$selectDestino."' id='".$selectDestino."' onChange='cargaContenido(this.id)'>";
 
 echo "<option value='0'>Elige</option>";
 while($registro=mysql_fetch_row($consulta))
 {
  
  // Imprimo las opciones del select
  echo "<option value='".$registro[1]."'>".$registro[0]."</option>";
 }   
 echo "</select>";
}
echo $opcionSeleccionada;
?>

WHK · 18 Abril 2013, 14:23 PM

Intenta dos cosas:

1. Habilita el reporte de errores de php, recuerda que estás desarrollando asi que php ebe estar configurado en modo developer, busca el php.ini y busca estos valores:

Citardisplay_errors = On
error_reporting = E_ALL & ~E_NOTICE & ~E_DEPRECATED

Esos dos valores deben estar tal cual se muestra. Ahora vuelve a ejecutar tu programa y vee si php te da algún mensaje de error.

Después de hacer este cambio debes reiniciar el servidor WEB, si no estas usando uno local intenta hacerlo desde php:

Código (php) [Seleccionar]

<?php
ini_set('display_errors', 'On');

if(defined('E_DEPRECATED'))
 error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);
else
 error_reporting(E_ALL & ~E_NOTICE);

2. Agrega un control de mensajes de error de mysql con la función mysql_error(), dale un echo a esa función después de mysql_query() para ver si fue la petición la que falló o no.

3. Copia la query completa y pegala en el phpmyadmin y vee que filas te devuelve, si no te devuelve nada entonces la base de datos está mal hecha.

4. Dale un vistazo a la consola de errores de firefox, dale click en la pestaña para mostrar unicamente los mensajes de error, esto te mostrará si hay algún problema con javascript, te recomiendo usar jquery por temas de compatibilidad ya que tu código no funciona en todos los exploradores.

5. Usa firebug para ir viendo en tiempo real que está sucediendo con tu sitio WEB, usa el inspeccionador de código y la consola para ver si aparece algún error de carga o algo por el estilo.

Dale un vistazo a estas opciones y nos cuentas como te fue, no puedo probar tu código en mi servidor porque no tengo la base de datos ni el archivo de conexión asi que no se que pueda estar fallando.

Saludos.

the_sheriff_pino · 18 Abril 2013, 14:34 PM

Empecé con el código de 0 y lo he ido simplificando y haciéndolo más sencillo hasta llegar al punto de guardar los valores del select, que me guarda el id de la provincia, cuando quiero que me guarde el nombre, usease, el nombre asociado al id que se obtiene al seleccionar una opción del select.

https://foro.elhacker.net/desarrollo_web/consulta_para_insertar_en_vez_de_id_su_nombre_asociado-t388338.0.html

WHK · 18 Abril 2013, 14:51 PM

Entonces el problema está expuesto en el otro post.

Post duplicado.