javascript - HTML, javascript - 入力値をラベルに表示する

Question

<input>onkeyup を使用して、ラベルなどに an の値をリアルタイムで表示したい。しかし、ラベルの代わりに 2 番目の入力を使用してのみ行うことができますが、値を表示したいだけです。

これは私の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

これを試して

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

または

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

両方とも動作するはずです

Answer 3

jquery の keyup 関数を呼び出して、キーストロークごとにラベルを更新することもできます: http://api.jquery.com/keyup/

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