如何从一个文本框的文本复制到另一个你的JavaScript/HTML按下一个按钮后

Question

因此，这里是我的代码：

<input type="text" id="input"> 
<button>Go</button><br> 
<input type="text" id="output"> 

所以当你输入的东西进入第一个框，什么我想要做的是按去它打印到第二个盒子。如果有人能帮助我，那么谢谢你。

Answer 1

尝试这样

HTML

<input type="text" id="input"> 
<button onclick="copyText()">Go</button><br> 
<input type="text" id="output"> 

JS

function copyText(){ 
    document.getElementById("output").value=document.getElementById("input").value; 
} 

Answer 2

<input type="text" id="input"> 
<button onclick='change()'>Go</button><br> 
<input type="text" id="output"> 
    <script> 
     function change(){ 
      var inputValue=document.getElementById('input').value; 
      var output = document.getElementById('output'); 
      output.value=inputValue; 
     } 


    </script> 

您需要添加onclick事件，并定义一个函数，在这种情况下，我定义change（）函数。 在函数内部，您可以使用id输入获取文本字段中的文本，然后必须使用output.value = inputvalue将该值设置为其他文本字段（输出）。

Answer 3

您可以使用jQuery：http://jsfiddle.net/e49wqear/。

$(function() { 
    $("button").click(function(e) { 
     $("#output").val($("#input").val());  
    }); 
}); 

Answer 4

如果添加一个id的按钮，你可以这样做：

document.getElementById('go').onclick = function() { 
    document.getElementById("output").value = document.getElementById("input").value; 
} 

的jsfiddle：http://jsfiddle.net/rco9jvgg/