2

Tengo un select que muestra los departamentos:

<select name="dpto" id="dpto">
   <option value="3">ATLANTICO</option>
   <option value="12">CESAR</option>
</select>

Lo que necesito es que al momento de seleccionar X departamento haga una consulta a la Base de Datos y me muestre los datos de la siguiente forma:

<span class="tipoboletin">Tipo Boletin: <b><?php echo $B_Tipo_Boletin ?></b></span>

Esta es la consulta MySQL que tengo:

SELECT * FROM boletin WHERE Departamento = '" . $idDpto . "'"

Donde $idDpto seria el value del departamento que seleccione.

6
  • Podrias usar Ajax.
    – alanfcm
    Commented el 21 ago. 2018 a las 19:23
  • Y los datos se verian instantaneamente? Osea sin necesidad de recargar la pagina? Que cada vez que seleccione un departamento se muestren los datos? Commented el 21 ago. 2018 a las 19:24
  • Si, eso es exactamente para lo que sirve Ajax.
    – alanfcm
    Commented el 21 ago. 2018 a las 19:25
  • Me podrias ayudar y/o explicar como hacerlo, te lo agradeceria. Commented el 21 ago. 2018 a las 19:26
  • es.stackoverflow.com/questions/21182/c%C3%B3mo-usar-ajax
    – alanfcm
    Commented el 21 ago. 2018 a las 19:28

1 respuesta 1

0

podrias hacerlo de la siguiente manera esto es solo un ejemplo hay muchas formas de hacerlo estas es una de la mas facil ejemplo:

  <select name="dpto" id="dpto">
       <option value="3">ATLANTICO</option>
       <option value="12">CESAR</option>
    </select>


   <div id="resultados"></div><!--aqui se mostraran los resultados-->

archivo js

 $(document).ready(function(){

           $("#dpto").on("change",function(){

            var valorSelect=$(this).val()//obtenemos el valor seleccionado en una variable


        $.ajax({

            url:"callback.php",
            type:"POST",
            data:{ valorSelect:valorSelect},//enviamos lo seleccionado

            success:function(respuesta){
               console.log( respuesta)
             $("#resultados").html(respuesta);//en el div con el id respuestas mostramos los resultados del callback

            }

          })

          })

        })

callback.php

$valorSelect=$_POST["valorSelect"];//recojemos lo seleccionado

$query=mysqli_query($conn,"SELECT * FROM boletin WHERE Departamento = '" . $valorSelect . "'");

$row=mysqli_fetch_array($query);

echo...////aqui imprimes tu resultados para que ajax lo recoja

espero que sea de tu ayuda saludos!

13
  • No me funciono. Commented el 21 ago. 2018 a las 20:18
  • pon el codigo que hiciste completo a ver que pasa y el error que te muestra
    – andy gibbs
    Commented el 21 ago. 2018 a las 20:28
  • $(document).ready(function(){ $("#dpto").on("change",function(){ var idDpto = $(this).val(); alert(idDpto); $.ajax({ url:"ConsultasMySQL.php", type:"POST", data:{ idDpto: idDpto}, success:function(respuesta){ $("#resultados").html(respuesta); } }); }); }); Commented el 21 ago. 2018 a las 20:37
  • Y en el PHP tengo esto: $idDpto = $_POST["idDpto"]; echo "Id Dpto: " . $idDpto; Commented el 21 ago. 2018 a las 20:38
  • El value del select lo pasa perfectamente, lo que no funciono fue la consulta, osea no se muestran los cambios reflejados. Commented el 21 ago. 2018 a las 20:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.