1

Tengo un problema como podría rellenar mis input text, input date y otro select option una vez que yo seleccione una opción de mi select y extrayendo los datos de la base de datos.se pudiera usar el evento onchange.

les dejo mi código del formulario:

<select  name="no_unidad" id="no_unidad" class="form-control" onchange="mifuncion(this.value)">
  <option value="">Seleccione...</option>
    <?php
      // Realizamos la consulta para extraer los datos
      $query="SELECT  * FROM vehiculo";
      $result=mysqli_query($con, $query) or die (mysqli_error());
      while ($row=mysqli_fetch_array($result)){ 
      // En esta sección estamos llenando el select con datos extraidos de una base de datos.
      echo '<option value="'.$row['no_unidad'].'">'.$row['vehiculo'].'</option>';
    }
  ?>
</select>

<input type="text" class="form-control" name="rendimiento" id="rendimiento" placeholder="Rendimiento"> 
<input type="date" class="form-control" name="fecha" id="fecha"> 

<select name="empresa" id="empresa" class="form-control">
  <option value="">Seleccione...</option>
  <option value="csn">CSN</option>
  <option value="sea">SEA</option>
  <option value="cta">CTA</option>      
</select>  


    function mifuncion(valor){
    $.ajax({     
      url : 'scripts/cargar_valores.php',     
      data : { valor : valor },
      type : 'POST',
      dataType : 'json',
      success : function(json) {
        $("#rendimiento").val(json.rendimiento);
        $("#status").val(json.status);
        $("#fecha").val(json.fecha);
        $("#empresa").val(json.empresa);
        $("#departamento").val(json.departamento);
      },
        error : function(xhr, status) {
        alert('Disculpe, existió un problema');
      }
   });
  }

pagina cargar_valores.php donde hago la consulta:

 <?php
     $con=mysqli_connect("localhost","root","","controldeflotilla") or die (mysqli_error());

    $valor=$_POST['valor'];

    $jsondata = array();

    $query="SELECT rendimiento,status,fecha,empresa,departamento from vehiculo where no_unidad=$valor";
    $r=mysql_query($query);
    $resultados= mysqli_fetch_array($r);

    $rendimiento=$resultados['rendimiento'];
    $status=$resultados['status'];
    $fecha=$resultados['fecha'];
    $empresa=$resultados['empresa'];
    $departamento=$resultados['departamento'];


    $jsondata['rendimiento'] = $rendimiento;
    $jsondata['status'] = $status;
    $jsondata['fecha'] = $fecha;
    $jsondata['empresa'] = $empresa;
    $jsondata['departamento'] = $departamento;


     header('Content-type: application/json; charset=utf-8');
     echo json_encode($jsondata); 
     mysqli_close($con);

?>
2
  • Usando AJAX haces la consulta de esos tres campos y el la respuesta del ajax le pasas esos valores seleccionando los campos por su id. Commented el 10 may. 2019 a las 16:26
  • edite mi publicación y cree un código como me indicas con ajax no se si esa es la forma que me sugieres Commented el 10 may. 2019 a las 16:45

1 respuesta 1

4

Veo que la forma de obtener los valores no es la correcta, es decir, .value= no es exclusivamente de Jquery, y veo que lo estás haciendo con Jquery, intenta obtener el valor con .val(). Puede que este código te ayude o te de alguna idea, de esta forma:

$('#no_unidad').on('change', function() {
  $.ajax({     
  url : 'scripts/cargar_valores.php',     
  data : { valor : valor },
  type : 'POST',
  dataType : 'json',
  success : function(json) {
    $("#rendimiento").val(json.rendimiento);
    $("#status").val(json.status);
    $("#fecha").val(json.fecha);
    $("#empresa").val(json.empresa);
    $("#departamento").val(json.departamento);
  },
    error : function(xhr, status) {
    alert('Disculpe, existió un problema');
  }
   });
})    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="no_unidad" id="no_unidad" class="form-control">
  <option value="rendimiento">Rendimiento</option>
  <option value="2019-05-10">2019-05-10</option>
  <option value="csn">CSN</option>
</select><br><br>

<input type="text" class="form-control" name="rendimiento" id="rendimiento" placeholder="Rendimiento">

<input type="date" class="form-control" name="fecha" id="fecha">

<select name="empresa" id="empresa" class="form-control">
  <option value="">Seleccione...</option>
  <option value="csn">CSN</option>
  <option value="sea">SEA</option>
  <option value="cta">CTA</option>
</select>

16
  • ya lo edite puse val como me indicas pero aun no logro hacer que se me llenen los campos Commented el 10 may. 2019 a las 17:03
  • Y el select que optienes desde la BD está trayendo los datos correctamente? Commented el 10 may. 2019 a las 17:05
  • yo digo que si ya que se me llena con los datos de la BD me trae el id y el nombre Commented el 10 may. 2019 a las 17:06
  • 1
    Manda un console.log(json) para que veas los datos que traes y si estás accediendo bien a ellos. Commented el 10 may. 2019 a las 17:11
  • en lugar de traerme los datos me arroja la alerta que puse Commented el 10 may. 2019 a las 17:15

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.