Javascript setInterval() with textbox

Question

Javascript:

        var header = $("#inputHeader").val();

    function coolInput() {
        if (header === "") {
            $("#displayHeader").text("Type Something!");
        }
        else if(header !== "") {
            $("#inputHeader").keyup(function () {
                var value = $(this).val();
                $("#displayHeader").text(value);
            }).keyup();
        }
    }

    setInterval(coolInput, 1);

HTML:

        <blockquote>
            <p id="displayHeader">jQuery no worky.</p>
            <small><?php echo $_SESSION['user']; ?></small>
        </blockquote>

My jQuery does work because the paragraph gets changed to "Type Something!", but when I enter something in the textbox the value does not change.

Quentin · Accepted Answer · 2013-05-29 08:12:12Z

3

The return value of val() is a plain string. It isn't live updated.

You need to call val() on the jQuery wrapper object each time you call the coolInput function.

var inputHeader = $("#inputHeader");
function coolInput() {
    var header = inputHeader.val();

answered May 29, 2013 at 8:12

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

Quentin Over a year ago

@user1185220 — Not to get the value for header that you are testing against.

Imperative · Accepted Answer · 2013-05-29 08:27:05Z

1

Why you are applying the keyup event handler every 1 ms. Just define the keyup event once.

Sample

$('#foo').on('keyup',function() {
    $bar.text($foo.val());
});

Inside the keyup handler function, you can easily test for the value.
If this is of no avail for you, let me know and i'll remove the post from your thread.

Edit: Just noticed the 2nd .keyup() right behind the one with the handler function. Why did you put it there?

edited May 29, 2013 at 8:27

answered May 29, 2013 at 8:21

Imperative

3,1832 gold badges28 silver badges41 bronze badges

Comments

Ivan Drinchev · Accepted Answer · 2013-05-29 08:13:46Z

0

You don't need to specify keyup event every one millisecond. That's what your script do.

You can change this with :

var header = $("#inputHeader");

function coolInput() {
    if (header.val() === "") {
        $("#displayHeader").text("Type Something!");
    }
    else if(header.val() !== "") {
        $("#displayHeader").text(header.val());
    }
}

setInterval(coolInput, 1);

answered May 29, 2013 at 8:13

Ivan Drinchev

19.6k4 gold badges69 silver badges97 bronze badges

Collectives™ on Stack Overflow

Javascript setInterval() with textbox

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related