HTML，显示标签的输入值

HTML, Displaying input value to a label

本文关键字：输入 标签 显示 HTML      更新时间：2023-09-26

我想通过使用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>

使用 textContent 表示标签

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

演示

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

试试这个

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

或

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

两者都应该工作

    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());
}
相关文章：