javascript - HTML，javascript - 向标签显示输入值

Question

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

这是我的 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>

Answer 1

用于textContent标签

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

演示

Answer 2

    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());
}

Answer 3

尝试这个

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

或者

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

两者都应该工作

Answer 4

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