2

Estoy tratando de llenar un input según un dato que escoja de un select, lo hago mediante AJAX y PHP. Este es mi código:

<select id="pro" name="plan" class="form-control">
 <option readonly>Elegir Plan</option>
    <?php
     $result = $obj->ListaPlanes();
     foreach($result as $values){ ?>
       <option value="<?php echo $values['id_plan']?>">
         <?php echo $values['planes'] ?>
       </option>
    <?php } ?>
</select>

<input class="form-control" type="text" id="price" value="" readonly>

AJAX

$(document).on('ready',function(){
 $('#pro').on('change',function(){
  var id = $("#pro").val()
 $.ajax({
    type: 'POST',
    url:'ver_price.php',
    data:{'id':id}
 })
  .done(function(listas_cur){
    $("#price").val(listas_cur)
  })
  .fail(function(){
    alert('error')
  })
 });
});

PHP

<?php

  function ver_precio(){
    $con = new PDO('mysql:host=localhost;dbname=vmenu.us;charset=utf8','root','');
    $id = $_POST['id'];
    $query = $con->prepare("SELECT * FROM plans WHERE id_plan ='$id'");
    $query->execute();
    $row = $query->fetch();
    $list = $row['price'];
    return $list;
  }
  echo ver_precio();
?>

Esos son mis 3 archivos. El resultado que obtengo es absolutamente nada. No me muestra nada en el input, ni me da ningún error en console, no obtengo nada.

1
  • Buen código al usar PDO como conexión a datos. Me tomaré la libertad de corregir la sentencia para evitar inyección SQL, como referencia a futuros visitantes que deseen copiar y pegar el código.
    – NBPalomino
    el 16 feb. 2018 a las 21:57

1 respuesta 1

1

Estás asignando erróneamente los escuchadores a los eventos, tanto en el ready como para el change

La documentación de on(evento,elemento,function()) nos explicar claramente que el primer parámetro es el evento y el segundo es el elemento al que desea escuchar (este último hace falta en su código) . entonces debería ser.

$(document).on('change','#pro',function(){ ...}

Y el ready del document podría ser.

$(function() {

});

Completo

$(function() {
    $(document).on('change','#pro',function(){
         /**codigo ajax*/
     });
});
4
  • Lo he cambiado Joel, pero sigo igual, no obtengo nada. nisiquiera un alert. Nada! el 16 feb. 2018 a las 20:37
  • @AlejoMendoza obtiene algún error en consola? ¿es correcta la ruta del archivo php? . ¿Está seguro que coloco tal cuál está mi código?
    – Dev. Joel
    el 16 feb. 2018 a las 20:43
  • En console no obtengo ningun error. La ruta del archivo PHP la he revisado muchas veces y es la correcta. Incluso he intentado colocando el ajax en un script en mi archivo de la vista, y nada. Y si, he puesto el codigo tal cual me has dicho en la respuesta. el 16 feb. 2018 a las 20:47
  • Ya he arreglado el error Joel, tenia un error que no habia visto en los id. Gracias por la respuesta el 16 feb. 2018 a las 21:03

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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