0

introducir la descripción de la imagen aquítengo una duda, como puedo llenar los inputs cuando le doy click a la imagen, quiero llenarlos con cualquier dato que yo le de desde javascripts, muchas gracias!!

1
  • Bienvenido al sitio, las preguntas genéricas no son bien recibidas. En general se responde a cualquier duda o problema concreto que pueda surgir. Por otro lado siempre podrás acudir al onclick en la etiqueta img para llenar los inputs. Commented el 29 nov. 2019 a las 8:19

1 respuesta 1

0

Puedes colocarle Atributos data- a la imágen, y usar la función .attr() de Jquery para obtener esos datos y rellenarlos en el input.

$('img').on('click', function(){
  $('#name').val($(this).attr('data-name'))
  $('#lastname').val($(this).attr('data-lastname'))
});
.form{
  display: flex;
  flex-direction: column;
  max-width: 200px;
}

input{
  padding: 5px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img data-name="Leonardo" data-lastname="DiCaprio" src="http://lorempixel.com/400/400/">

<div class="form">
<label for="name">Nombre</label>
<input id="name" class="name">
<label for="lastname">Apellido</label>
<input id="lastname" class="lastname">
</div>

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.