Guardar valor de un Select con datos de una BD

the_sheriff_pino · #1 (**permalink**) 08/04/2013, 05:52

Saludos foreros!
Tengo una pequeña consulta que haceros.
Tengo dos listas desplegables, la elección del valor de la primera condiciona los valores mostrados en la segunda, pero cuando clico en el botón para enviar los datos de la primera lista a la segunda, la primera lista no conserva el valor.
Os pongo en situación:
Lista 1: Provincias de España
Lista 2: Localidades.

Al elegir una provincia se muestran las localidades de la misma y se selecciona la deseada, pero el valor elegido en la lista 1 no permanece.

Un saludo y espero vuestra ayuda! Si responden y necesitan subo el código!

zalito12 · #2 (**permalink**) 08/04/2013, 05:55

¿Al elegir la provincia se recarga la página o utilizas ajax?

the_sheriff_pino · #3 (**permalink**) 08/04/2013, 05:57

Cita:

Iniciado por zalito12

¿Al elegir la provincia se recarga la página o utilizas ajax?

Ajax estoy seguro de que no utilizo.
Supongo que se recargará la página.
Al lado de la lista 1 tengo un botón que envía el valor a la lista 2

zalito12 · #4 (**permalink**) 08/04/2013, 06:01

A ver si entendí,
tienes un select con las provincias y otro select sin datos. Al elegir provincia se cargan las localidades correspondientes en el segundo select.
Tu problema es que pierdes el valor de la primera lista.
Si es así, ¿como realizas la carga?

the_sheriff_pino · #5 (**permalink**) 08/04/2013, 06:07

Cita:

Iniciado por zalito12

A ver si entendí,
tienes un select con las provincias y otro select sin datos. Al elegir provincia se cargan las localidades correspondientes en el segundo select.
Tu problema es que pierdes el valor de la primera lista.
Si es así, ¿como realizas la carga?

Con un botón envío el valor al segundo Select.
La idea el almacenar los valores en una tabla de datos de cliente por ejemplo, pero al clicar el botón para enviar los datos del select 1 (provincias) al select 2 (poblaciones) el valor del select 1 vuelve al primero, no se conserva tras pulsar el botón.

Si lo ves necesario posteo el código

the_sheriff_pino · #6 (**permalink**) 08/04/2013, 06:14

Código PHP:

Ver original<html>
<head>
</head>
<body>
<?php
    //Conexión al servidor, conexión a la bbdd, consulta, resultado.
    
    
    $conexion_servidor = mysql_connect('localhost', 'root','toor') or die("Error, no se ha conectado B.D."); 
    $conexion_bd=mysql_select_db('san lorenzo', $conexion_servidor);
    $query_prov="SELECT cod_prov, provincia FROM provincias";
    $consulta_query_prov=mysql_query($query_prov,$conexion_servidor);
    ?>
    
    
    
    <form action="provincias.php" method="post">
        <select name="provincia" size="15px">
    
    
         <?php
            while($fila=mysql_fetch_assoc($consulta_query_prov))
            {
            ?>
    
        <option value="<?php echo $fila['cod_prov'] ?>"><?php echo $fila['provincia'];?></option>
        
   
    <?php
    }
    ?>
    
    <input type="submit" value="-->>">
    </select>
    <input type="hidden"  name="enviado" value="enviado">
 </form>
 <?php 
    $conexion_servidor=mysql_connect('localhost', 'root','toor') or die("Error, no se ha conectado B.D."); 
    $conexion_db=mysql_select_db('san lorenzo', $conexion_servidor);
?>
 
 
 
<form name="form_pobl">
 
    <?php 
 
        if(isset($_POST['enviado']))
        {
            $enviado=$_POST['enviado'];
            $codigo_prov=$_POST['provincia'];
 
            $query_pobl="SELECT poblacion, cod_postal FROM poblaciones WHERE cod_prov = $codigo_prov";
            $consulta_query_pobl=mysql_query($query_pobl,$conexion_servidor);
 
 ?>
 
 <select size="20px">
 
 <?php 
     while($fila2=mysql_fetch_assoc($consulta_query_pobl))
     {
?>   
 
<option><?php echo $fila2['poblacion']."----(".$fila2['cod_postal'].")"; ?></option>
 
<?php 
     }
}
 ?>
 
 </select>
 
</form>
 
</body>
</html>

emilkavg · #7 (**permalink**) 08/04/2013, 06:28

Amigo,

Te recomiendo que utilices AJAX en su totalidad para tal problema.

Te expolico un poco, la primera lista (provicnias), no creo que sea necesario ( Con un botón envío el valor al segundo Select. ), simplemente aprobechate el 'onchange' de la lista que te ayuda una vez que seleccionas la provincia, enviara utilziando AJAX el valor hacia la otra lista y asi se muestran las localidades que corresponden a la provincia seleccionada.

Ventajas: No recargas la pagina y el valor qde la provincia no se te pierde de vista.
Cualquier cosa sube tu codigo y te ayudamos a mejorarlo...

Saludos,

the_sheriff_pino · #8 (**permalink**) 08/04/2013, 06:31

Cita:

Iniciado por emilkavg

Amigo,

Te recomiendo que utilices AJAX en su totalidad para tal problema.

Te expolico un poco, la primera lista (provicnias), no creo que sea necesario ( Con un botón envío el valor al segundo Select. ), simplemente aprobechate el 'onchange' de la lista que te ayuda una vez que seleccionas la provincia, enviara utilziando AJAX el valor hacia la otra lista y asi se muestran las localidades que corresponden a la provincia seleccionada.

Ventajas: No recargas la pagina y el valor qde la provincia no se te pierde de vista.
Cualquier cosa sube tu codigo y te ayudamos a mejorarlo...

Saludos,

Lo tienes justo en el post anterior!
Soy una hoja en blanco con AJAX. Ilústrame

zalito12 · #9 (**permalink**) 08/04/2013, 08:19

Ok, puedes hacer dos cosas, o modifcar tu código con algo así:

Código PHP:

Ver original<form action="provincias.php" method="post">
        <select name="provincia" size="15px">
   
   
         <?php
            while($fila=mysql_fetch_assoc($consulta_query_prov))
            {
                 if(isset($_POST['provincia']) &&  $_POST['provincia'] == $fila['cod_prov']){
                           echo '<option value="'.$fila['cod_prov'].'" selected>'.$fila['provincia'].'</option>';
                 }else{
            ?>
       
        <option value="<?php echo $fila['cod_prov'] ?>"><?php echo $fila['provincia'];?></option>
       
   
    <?php
          }
    }
    ?>

O usar Ajax, con ajax podrías utilizar tu código, sólo que la petición se realizará sin recargar la página, por decirlo de alguna manera se realiza en segundo plano. Lee sobre el tema, yo te recomendaría que te informases sobre Ajax si vas a hacer cosas así, además aprender nunca está de más y te gustará.

emilkavg · #10 (**permalink**) 08/04/2013, 10:31

Aqui te envio un codigo completo donde yo utilizo dos listas (Provincias) y (Municipios)
PHP y AJAX

PAGINA DONE SE MUESTRAN LAS DOS LISTAS
Lista provincia -> Llena desde un include

Código HTML:

Ver original<tr align="left">
                          <td width="25%">Provincia:</td>
                          <td width="30%">Municipio:</td>
                          <td width="45%">Consejo popular:</td>
                          </tr>
                        <tr align="left">
                          <td><?php include('../ubicacion/provincias.php'); ?></td>
                          <td><div id="listamunicipios">
                            <select class="cajatexto" id="obj_municipio" >
                              <option>Seleccionar...</option>
                              </select>
                            </div></td>

Pagina: provincias.php

Código PHP:

Ver original<select id="obj_provincia" class="cajatexto" onchange="mostrarMunicipios()">
<option value="">Seleccionar...</option>
<?php 
require('../../includes/conexion.php');
$rs_prov=mysql_query("SELECT * FROM nm_provincias");
while($row_prov = mysql_fetch_array($rs_prov)){
?>                        
<option value="<?php echo $row_prov['id']; ?>"><?php echo $row_prov['provincia']; ?></option>
<?php } ?>                          
</select>

Pagina: municipios.php

Código PHP:

Ver original<select id="obj_municipio" class="cajatexto" onchange="mostrarConsejos()">
<option value="">Seleccionar...</option>
<?php 
require('../../includes/conexion.php');
 
$provincia=$_POST['idprov'];
 
$rs_mun=mysql_query("SELECT * FROM nm_municipios WHERE idprovincia='".$provincia."'");
while($row_mun = mysql_fetch_array($rs_mun)){
?>                        
<option value="<?php echo $row_mun['id']; ?>"><?php echo $row_mun['municipio']; ?></option>
<?php } ?>                          
</select>

La pagina de ajax

Código Javascript:

Ver original//========================
//CREACION DEL OBJETO AJAX
//========================
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
//==================
// CARGAR MUNICIPIOS
//==================
function mostrarMunicipios(){
    divResultado = document.getElementById('listamunicipios');
    prov=document.getElementById('obj_provincia').value;
 
    ajax=objetoAjax();
    ajax.open("POST", "../ubicacion/municipios_mostrar.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("idprov="+prov)
}

Espero con esto poder ayudarte...

the_sheriff_pino · #11 (**permalink**) 09/04/2013, 01:45

Cita:

Iniciado por emilkavg

Aqui te envio un codigo completo donde yo utilizo dos listas (Provincias) y (Municipios)

Espero con esto poder ayudarte...

the_sheriff_pino · #12 (**permalink**) 09/04/2013, 01:47

Cita:

Iniciado por zalito12

Ok, puedes hacer dos cosas, o modifcar tu código con algo así:

Código PHP:

Ver original<form action="provincias.php" method="post">
        <select name="provincia" size="15px">
   
   
         <?php
            while($fila=mysql_fetch_assoc($consulta_query_prov))
            {
                 if(isset($_POST['provincia']) &&  $_POST['provincia'] == $fila['cod_prov']){
                           echo '<option value="'.$fila['cod_prov'].'" selected>'.$fila['provincia'].'</option>';
                 }else{
            ?>
       
        <option value="<?php echo $fila['cod_prov'] ?>"><?php echo $fila['provincia'];?></option>
       
   
    <?php
          }
    }
    ?>

O usar Ajax, con ajax podrías utilizar tu código, sólo que la petición se realizará sin recargar la página, por decirlo de alguna manera se realiza en segundo plano. Lee sobre el tema, yo te recomendaría que te informases sobre Ajax si vas a hacer cosas así, además aprender nunca está de más y te gustará.

Perfecto, funciona! Gracias Zalito es justo lo que andaba buscando.