HTML，javascript - 将输入值显示到标签答案

【问题标题】：HTML, javascript - Displaying input value to a labelHTML，javascript - 将输入值显示到标签
【发布时间】：2013-09-27 12:31:56
【问题描述】：

我想通过使用 onkeyup 将<input> 的值显示到标签或类似的东西，所以它是实时的。但只能通过使用第二个输入而不是标签来做到这一点，但我只想显示该值。

这是我的 Javascript 函数：

function copyTo(obj) {
    document.getElementById("utmatning").value = obj.value
}

还有 HTML：

<label>E-post:</label>
<input id="inmatning" type="text" onkeyup="copyTo(this)" placeholder="Skriv in e-post…">
<span>Vår återkoppling kommer att skickas till:</span>
<br>
<label id="utmatning"></label>

【问题讨论】：

如果你想要来自的内容，你需要使用 "innerHTML"

标签： javascript jquery html input labels

【解决方案1】：

使用textContent 作为标签

 document.getElementById("utmatning").textContent = obj.value

DEMO

【讨论】：

OP 也添加了 jQuery 标签

【解决方案2】：

你也可以调用 jquery 的 keyup 函数并在每次击键时更新标签： http://api.jquery.com/keyup/

【讨论】：

【解决方案3】：

试试这个

$( "#inmatning" ).keyup(function() {
    $("#utmatning").text($("#inmatning").val());
});

或者

$( "#inmatning" ).keyup(function() {
    $("#utmatning").html($("#inmatning").val());
});

两者都应该工作

【讨论】：

【解决方案4】：

    Try this also if you are seeking short method use jquery :

    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($(this).val());
    });

    or use 
    $( "#inmatning" ).keyup(function() {
        $("#utmatning").text($("#inmatning").val());
    });

but you are using function then you can also use:

function copyTo(that){
 $("#utmatning").text($(that).val());
}

【讨论】：