使用Java Script将数据从一个文本框复制到另一个文本框

Question

我希望自动将数据从一个文本框复制到另一个文本框，即，当我编辑第一个文本框时，第二个文本框应该自发地反映相同的文本框。

Answer 1

在jQuery中，这样的事情：

$("#txtBox1").keypress(function() {
  $("#txtBox2").val($(this).val());
}

Answer 2

在onkeypress上调用javascript函数

function copy_data(val){
 var a = document.getElementById(val.id).value
 document.getElementById("copy_to").value=a
}

编辑使用onkeyup或onblur

<html>
<head>
    <script>
    function copy_data(val){
     var a = document.getElementById(val.id).value
     document.getElementById("copy_to").value=a
    }    
    </script>
</head>
<body>
<input type="text" name ="a" id="copy_from" onkeyup="copy_data(this)"/>
<input type="text" name ="a" id="copy_to"/>
</body>
</html>

Answer 3

你可以轻松使用JQuery：

<input type="text" id="box1" />
<input type="text" id="box2" />

<script type="text/javascript">
$(function(){
  $("#box1").keypress(function()
  {
    $("#box2").val($(this).val());
  }
});
</script>

Answer 4

你可以实现......

 function FillBilling(f) { if(f.billingtoo.checked == true) { f.billingname.value = f.shippingname.value; f.billingcity.value = f.shippingcity.value; } } To add more fields, just add to the parameters shown above...like this: f.billingstate.value = f.shippingstate.value; f.billingzip.value = f.shippingzip.value; The HTML for the form you will use looks like this: <b>Mailing Address</b> <br><br> <form> Name: <input type="text" name="shippingname"> <br> City: <input type="text" name="shippingcity"> <br> <input type="checkbox" name="billingtoo" onclick="FillBilling(this.form)"> <em>Check this box if Billing Address and Mailing Address are the same.</em> <P> <b>Billing Address</b> <br><br> Name: <input type="text" name="billingname"> <br> City: <input type="text" name="billingcity"> </form>

使用Java Script将数据从一个文本框复制到另一个文本框

问题描述

4 个解决方案

解决方案1
5 2010-05-27 16:39:16

解决方案2
5 已采纳 2010-05-27 16:41:42

解决方案3
2 2010-05-27 16:45:59

解决方案4
-1 2015-03-24 11:50:10

使用Java Script将数据从一个文本框复制到另一个文本框

问题描述

4 个解决方案

解决方案1 5 2010-05-27 16:39:16

解决方案2 5 已采纳 2010-05-27 16:41:42

解决方案3 2 2010-05-27 16:45:59

解决方案4 -1 2015-03-24 11:50:10

解决方案1
5 2010-05-27 16:39:16

解决方案2
5 已采纳 2010-05-27 16:41:42

解决方案3
2 2010-05-27 16:45:59

解决方案4
-1 2015-03-24 11:50:10