HTML -, javascript - die Anzeige von input-Wert in einem label

Ich soll die Anzeige den Wert eines <input> auf einem Etikett oder so etwas wie, dass, durch die Verwendung onkeyup so ist es Echtzeit. Aber Sie können nur tun, indem er eine zweite Eingabe anstelle der Beschriftung, aber ich will einfach nur, um den Wert anzuzeigen.

Dies ist meine Javascript Funktion:

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

Und 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>
  • u verwenden müssen, "innerHTML", wenn u wollen, Inhalte von <label id="utmatning"></label>
InformationsquelleAutor user2362791 | 2013-09-27
  1. 1

    verwenden textContent für label

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

    DEMO

    • warum nicht mit jQuery??
    • weil er nicht mit jQuery in seinem code
    • OP Hinzugefügt, die jQuery-tag sowie
    • Danke das war der trick! 😀
    InformationsquelleAutor Anton
  2. 0

    Können Sie sich auch an den keyup-Funktion von jquery und aktualisieren Sie das Etikett auf jedem Tastenanschlag:
    http://api.jquery.com/keyup/

    InformationsquelleAutor Jurgen Vandw
  3. 0

    versuchen, diese

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

    Oder

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

    beide funktionieren sollte

    InformationsquelleAutor Ahsan Shah
  4. 0
        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());
}
    InformationsquelleAutor Anup
Schreibe einen Kommentar