CODEWITHSUNDEEP
jquery
Xtian
Xtian

Reputation: 3587

Populae value of input into span....Jquery?

I have an input, that you can increment up or down with a button.

I just want the number in that input field to populate a span.

        <div>
            <input type="text" name="balls" id="ballsLeft" value="48"/>
        </div>

<span id="ballsleftholder"></span>

Upvotes: 0

Views: 2819

Answers (3)

Welington Veiga
Welington Veiga

Reputation: 151

It should seems like:

$('#ballsLeft').keyup(function() {
  $("#ballsleftholder").text($("#ballsLeft").val());
});

Upvotes: 1

user405398
user405398

Reputation:

Bind change event to that input field and in that event do something like this

$('#ballsLeftHolder').html($(this).val());

You can also use keyup, keydown events. Just find what will exactly fit for your need.

Checkout this link.

Upvotes: 0

hunter
hunter

Reputation: 63522

Call the val() on your <input> element and use one of the following:

.html(htmlString)

Set the HTML contents of each element in the set of matched elements.

$("#ballsleftholder").html($("#ballsLeft").val());

.text(textString)

Set the content of each element in the set of matched elements to the specified text.

$("#ballsleftholder").text($("#ballsLeft").val());

Upvotes: 2

Related Questions