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 respuesta
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>
onclick
en la etiquetaimg
para llenar los inputs.