Question

通常在网页上创建表单时，我需要客户填写一个字段，例如永久地址和当前地址。我可以使用JavaScript将表单的数据从一个字段复制到另一个字段，而不是让我们的客户填写表单两次。

Answer 1

试试这个......

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
  <script>
    function myFunction(){
      console.log(this);
      document.getElementById('permanentaddress').value = document.getElementById('address').value
    }
  </script>
<body>
  Address: <textarea id="address"></textarea><br />
  permanent address:<textarea id="permanentaddress" onfocusin="myFunction()"></textarea>
</body>
</html>

Answer 2

$("#txt2").on("focus",function(){
   $("#txt3").val($("#txt1").val());
});

$("#txt2").on("input",function(){
   $("#txt3").val('');
   var res=$("#txt1").val()+' '+ $(this).val();
   $("#txt3").val(res);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt1" />
<input type="text" id="txt2" />
<input type="text" id="txt3" readonly />

如何使用JavaScript将文本从一个字段复制到另一个字段

2 个答案: