Javascript 如何将文本从一个文本框复制到标签 $

任何写在“金额”输入中的内容，都需要写在标签中

您可以使用JQuery来完成

<input type="text" id="Amount" />
<lable id="copy_Amount" > </lable> $

你可以试试这个

$('#Amount').change(function() {
  $('#copy_Amount').text($('#Amount').val());
});

document.getElementById（“金额”）.onkeyup=函数（）{
var stringValue=document.getElementById（“金额”）.value；
document.getElementById（“复制金额”）.textContent=stringValue；
}

使用

keyup

事件

正确的标签标签

标签

使用

text（）

设置标签文本

$（'#Amount'）.keyup（函数（）{
$（'复制金额'）.text（$（'金额'）.val（））；
});

$
指出了公认答案中的一些明显缺陷。主要使用
onkeyup
和
innerHTML



//可以不使用键盘输入文本
document.getElementById（“金额”）.oninput=function（）{
//无需再次查找-使用此
设stringValue=this.value；
//由于html注入，请不要使用innerHTML
document.getElementById（“复制金额”）.textContent=stringValue
}
您尝试过什么？如果您的搜索稍微有点困难，也应该有很多例子。而且应该是
而不是
使用
标签在这里是没有意义的，因为它似乎没有参考任何输入。不，您绝对不能尝试。由于存在安全问题，请使用
textContent
。两者都将使用textContent和innerHTMLYes，但是，
textContent
是首选，因为它剥离HTML，只允许文本。输入我按预期工作到您的文本字段中，并通过使用
innerHTML
@Lain查看发生了什么。OP没有给出HTML将看起来或应该看起来与您描述的一样的指示。问题是如何将文本从输入带到标签，而不是
如果我使用鼠标更改文本该怎么办？输入类型是文本，那么如何从鼠标更改？有多种方法可以在不使用键盘的情况下将文本输入输入。例如：拖放，右键单击粘贴。@再说一遍，OP没有说明使用复制粘贴或拖放。@Carsten Løvbo Andersen：关于您自己的评论，我的问题不同：您知道OP是否使用了没有
标签
标记/节点的脚本吗？不，你没有，但你认为它写错了。因为这是一个可能的结论-与onkeyup一样，在任何情况下都不理想。错误与否取决于OP，但指出这一点肯定是好的。我也没有看到任何反对票，这是完全可以接受的。
$（'copy#Amount'）.val（$（'Amount'）.val（））
必须是
$（'copy#Amount'）.text（$（'Amount'）.val（））
 <script>
       document.getElementById("Amount").onkeyup = function () {
        var stringValue = document.getElementById("Amount").value;
        document.getElementById("copy_Amount").textContent = stringValue;
     }
  </script>