在JavaScript / HTML中按下按鈕后如何將文本從一個文本框復制到另一個文本框

Question

所以這是我的代碼：

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

所以我想做的是，當您在第一個框中鍵入內容並按go鍵時，它將內容打印到第二個框中。 如果有人可以幫助我，那么謝謝。

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/