Insert value of input as string in label

Question

I would like to display the value of the input #nom as a string in the label tag

<input type="text" id="nom">
<input type="button" id="ok" value="afficher" onclick="affiche();">
<label id="msg"></label>

I have tried the following script, but it does not work and returns no errors.

function affiche() {
    var nom = document.getElementById("nom").value;
    $("#msg").val(nom);
}

What am I doing wrong?

Claudio Redi · Accepted Answer · 2015-05-25 18:31:17Z

1

You have a jQuery and plain Javascript salad, but assuming you actually have a reference to jQuery your problem is that label elements don't have value so val method does nothing. Method val applies only to input controls.

Use text() or html() to set label content

$("#msg").html(nom);

answered May 25, 2015 at 18:31

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

Comments

tutankhamun · Accepted Answer · 2015-05-25 18:31:24Z

0

Try this:

$('#msg').text(nom);

or better:

$('#msg').text($('#nom').val());

answered May 25, 2015 at 18:31

tutankhamun

9302 gold badges11 silver badges23 bronze badges

Collectives™ on Stack Overflow

Insert value of input as string in label

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related