如何從一個文本框的文本複製到另一個你的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/