0

lo que pasa es que quiero saber como poder llenar un sólo input a partir de un select option. Sé específicamente como llenar el select, lo que pretendo saber, es como llenar el campo de texto despues de haber ingresado el valor en el select. En este caso, en una base de datos MySQL, quiero traer el dato del campo "fecha" de la tabla "Faenas", luego ese dato es el que se almacenará en una nueva tabla llamada "Autorizacion" en un campo que también se llama "fecha".

En este caso, llamo los datos que pertenecen a "trabajador_asignado" al select

introducir la descripción de la imagen aquí

Luego de ese select, es el campo fecha el que necesito que deba llenarse automáticamente después del select, en ese caso el valor fecha de la tabla "Faenas" del usuario "Esteban Larenas" es el que debe insertarse en el campo fecha pero de la tabla "Autorizacion".

introducir la descripción de la imagen aquí

Este el código del select, no se si debo asignar algo desde ahí primero:

<select class="trabajador" name="trabajador_asignado" id="" required>
                            <option value="">Elegir Trabajador</option>
                            <?php
                                include ("./php/conexion_be.php");
                                $quer = mysqli_query($conexion, "SELECT * FROM usuarios");
                                while ($usuar = mysqli_fetch_array($quer)) {
                                ?>
                                <option value="<?php echo $usuar[1] ?>"><?php echo $usuar[1] ?></option>
                                <?php } ?>
                    </select>
3
  • Este comportamiento lo puedes realizar mediante js y jquery con peticiones ajax el 8 dic. 2020 a las 22:15
  • ¿Por qué no traes el dato ya precargado en el option del select? Así evitas constantes viajes al servidor para obtener un solo dato. Podrías usar los atributos data- para esos fines.
    – A. Cedano
    el 8 dic. 2020 a las 22:17
  • Mira aquí un ejemplo usando atributos data-, (explicado en la segunda parte de la respuesta).
    – A. Cedano
    el 8 dic. 2020 a las 22:21

1 respuesta 1

0

puedes probrar con onchenge en el select y despues llamar la informacion que requieres con una funcion

<select class="trabajador" name="trabajador_asignado" id="trabajador" onchange="getFecha()" required>

...

    <script>
    let getFecha = ()=>{
      var seleccion = document.getElementById("trabajador").value;
      var url = "url del ajax";
      var formData = new FormData();
      formData.append("trabajador", seleccion);
      fetch(url,{
      method: 'POST',
      body: JformData
     })
     .then(res => res.json())
     .catch(error => console.error('Error:', error))
     .then(r => {
       document.getElementById("inputFecha").value= r.fecha;
     });
    }
    </script>

la respuesta es en json, este es con el api de fetch pero al igual puedes ocupar jquery para poder hacer la consulta

2
  • En la respuesta se debería incluir como construir la respuesta desde el backend para que ese json en el frontend se pueda recibir y posterior mostrar
    – user128299
    el 8 dic. 2020 a las 22:36
  • Por otro lado ¿para qué usar POST, esta petición suena mas a una GET?
    – user128299
    el 8 dic. 2020 a las 22:37

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.