Tengo un valor input para una dirección de correo electrónico. Luego tengo una dirección de correo electrónico en el sitio en un div, quiero agregar el div al valor input para que el valor input sea el mismo que el {{ X5}}. El usuario puede enviar esto.

He intentado:

$('#input_2').append($('.emailaddress').val());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">
<div class="emailaddress">test@test.com</div>
-3
Brad 15 oct. 2019 a las 11:07

4 respuestas

La mejor respuesta

Está utilizando $ ('# input_2') su nombre no es id, por lo que DOM no podrá encontrarlo. utilizar este. input tiene propiedad val . y porque estás usando la clase, entonces devolverá la matriz.

 $(document).ready(function(){
      $('#input_email').val($('.emailaddress')[0].innerText);
 });
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('#input_email').val($('.emailaddress')[0].innerText);
});
</script>
</head>
<body>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">

<div class="emailaddress">test@test.com</div>
</body>
</html>
1
Negi Rox 15 oct. 2019 a las 08:16

Prueba algo como esto con jquery

<script>
var email = $('.emailaddress').html();

$('#input_email').val(email);
</script>

// agregue esto cerca del final de su página antes del cuerpo // y la referencia jquery en el encabezado

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
1
Andri Nic 15 oct. 2019 a las 08:15

Te ayudará.

$('#input_email').val($('.emailaddress').text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">
<div class="emailaddress">test@test.com</div>
0
A. Paul 15 oct. 2019 a las 08:20

Puede hacerlo fácilmente con la ayuda de un evento.

$("#input_2").change(function () {
  $(".emailaddress").html($(#input_2).val());
});
0
Alessio Cantarella 15 oct. 2019 a las 08:13