HTML, javascript - Displaying input value to a label

Question

I want to display the value of an <input> to a label or something like that, by using onkeyup so it's real time. But can only do it by using a second input instead of the label but I just want to display the value.

This is my Javascript function:

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

And the 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 need to use "innerHTML" if u want content from <label id="utmatning"></label> — user2663434
– user2663434, Commented Sep 27, 2013 at 12:34

Anton · Accepted Answer · 2013-09-27 12:34:58Z

2

use textContent for label

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

DEMO

answered Sep 27, 2013 at 12:34

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ahsan Mahboob Shah Over a year ago

OP added the jQuery tag as well

Jurgen Vandw · Accepted Answer · 2013-09-27 12:36:19Z

0

You can also call the keyup function of jquery and update the label on every keystroke: http://api.jquery.com/keyup/

answered Sep 27, 2013 at 12:36

Jurgen Vandw

6519 silver badges27 bronze badges

Comments

Ahsan Mahboob Shah · Accepted Answer · 2013-09-27 12:37:53Z

0

try this

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

Or

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

both should work

answered Sep 27, 2013 at 12:37

Ahsan Mahboob Shah

4,0392 gold badges37 silver badges50 bronze badges

Comments

Anup · Accepted Answer · 2013-09-27 13:02:54Z

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

answered Sep 27, 2013 at 13:02

Anup

3,3611 gold badge30 silver badges39 bronze badges

Collectives™ on Stack Overflow

HTML, javascript - Displaying input value to a label

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related