Question

我的电子邮件地址有一个input值。然后，我在站点上的div中有一个电子邮件地址，我想将div附加到input值上，以便input值与{{ 1}}。然后，用户可以提交它。

我尝试过：

div

$('#input_2').append($('.emailaddress').val());

Answer 1

您使用的是 $（'＃input_2'），它不是名称，因此 DOM 无法找到它。用这个。输入具有 val 属性。并且因为您正在使用类，所以它将返回数组。

 $(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>

Answer 2

使用jquery尝试类似的方法

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

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

//将其添加到页面末尾的正文之前 //和标题中的jquery引用

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

Answer 3

您可以借助事件轻松地做到这一点。

$("#input_2").change(function () {
  $(".emailaddress").html($(#input_2).val());
});

Answer 4

它将为您提供帮助。

$('#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>

将Div文本附加到输入值

4 个答案: