如何在JavaScript/HTML中按下按钮后将文本从一个文本框复制到另一个文本框

如何在JavaScript/HTML中按下按钮后将文本从一个文本框复制到另一个文本框,javascript,html,input,Javascript,Html,Input,这是我的代码: <input type="text" id="input"> <button>Go</button><br> <input type="text" id="output"> 去 所以我想做的是,当你在第一个框中键入一些内容,然后按go键,它会将其打印到第二个框中。如果有人能帮助我,那就谢谢你。试试这个 HTML <input type="text" id="input"> <button oncl

这是我的代码:

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

所以我想做的是,当你在第一个框中键入一些内容,然后按go键,它会将其打印到第二个框中。如果有人能帮助我,那就谢谢你。

试试这个

HTML

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

函数更改(){ var inputValue=document.getElementById('input').value; var output=document.getElementById('output'); 输出值=输入值; }
您需要添加onclick事件并定义一个函数,在本例中,我定义change()函数。 在函数中,您可以使用id输入获取textfield中的文本,然后必须将该值设置为另一个具有输出的textfield(输出)。value=inputvalue

您可以使用jQuery:


如果向按钮添加id,则可以执行以下操作:

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

JSFiddle:

您尝试了什么?有错误吗?看看w3schools.com,它是javascript的基础。谢谢!我正和我的一个朋友谈话,但他们只是告诉我要学。虽然我在javascript方面是个十足的傻瓜,但是。。。谢谢
<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>
$(function() {
    $("button").click(function(e) {
        $("#output").val($("#input").val());    
    });
});
document.getElementById('go').onclick = function() {
  document.getElementById("output").value = document.getElementById("input").value;
}