Javascript 如何使用BTN将文本从一个文本字段输入复制到另一个文本字段输入？

我需要将文本值从一个文本字段输入复制到另一个文本字段输入。我该怎么做？ 我创建了一个js fiddle，它有一个文本表单，一旦我点击edit details，就会弹出另一个表单。在这个新表单中，我希望能够在任何文本字段中输入文本，然后单击save。新输入的文本将被移动/复制/传输到屏幕上的原始文本字段

这是JSFIDLE-

你可以用

document.getElementbyIdtextfieldToTransfer.value=document.getElementbyIdtextfieldOfData.value

---

在按钮的功能上。

我认为阻止其他答案/评论为您使用document.getElementById的问题在于，您的任何人实际上都没有id属性-只有名称，例如

或者，您可以在不添加id属性的情况下选择右侧，例如：

document.querySelector("input[name='firstname']")

---

在Javascript中，您可以尝试添加

document.getElementById("name").onchange = function(){
    nameChange();
}

function nameChange(){
    document.getElementById("nameTransfer").value = document.getElementById("name").value;
}

---

当然，这只适用于名称输入。

欢迎使用堆栈溢出！在这里发布代码，而不仅仅是在远程站点。可以使用使其可执行。使用targetField.value=sourceField.value；欢迎来到堆栈溢出！StackOverflow不是免费的编码服务。所以我希望你能。请更新您的问题，以显示您已在某个应用程序中尝试过的内容。有关更多信息，请参阅，并使用：doesnt work…我应该指出，这不会实时重新加载两个输入字段。单击某处/执行操作后，输入值将显示在您的传输字段中。如何使该值保留在那里？这是我添加的以下代码-document.getElementByIdsave-btn.addEventListenerclick，moveContent；函数moveContent{document.getElementByIdname.value=document.getElementByIdnameTransfer.value；}​ 我假设“停留在那里”是指如何使传输字段的更改显示在原始输入字段上？到目前为止，您所拥有的可能会起到作用，但正如我所说的，常规的旧Javascript并没有使更改看起来是实时的功能。您可能必须单击其他地方才能显示更改。我重新编写了您的代码，如下所示：document.getElementByIdsave-btn.onclick=function{e.preventDefault；moveContent；}function moveContent{document.getElementByIdname.value=document.getElementByIdnameTransfer.value}我还将去掉BTNW的HTML标记中的onclick=moveContent为什么我的代码以前不工作？？我不能使用addEventListener吗？我添加了以下代码-document.getElementByIdsave-btn.addEventListener单击，移动内容；函数moveContent{document.getElementByIdname.value=document.getElementByIdnameTransfer.value；}​

document.getElementById("firstname").value = document.getElementById("firstnameTransfer").value

document.querySelector("input[name='firstname']")

document.getElementById("name").onchange = function(){
    nameChange();
}

function nameChange(){
    document.getElementById("nameTransfer").value = document.getElementById("name").value;
}