Can't seem to change value of text input with jQuery

Question

I want to change the value of a text input with jQuery when a certain function passes. I used this code:

$('#find').attr("value", "newvalue");

But it's not changing it. This is the markup of the input I want to change:

<input type="text" id="find" class="input" />

I know it's getting to this peice of code because the jQuery either side of it executes and works.

Any help would be appreciated, thanks.

Answer 1

$("#find").val("newvalue");

Not sure why yours doesn't work though. You might also need a name attribute on the input? Not sure if that matters...

It could also be running before the input is created. In which case wrap it in

$(document).ready(function(){
    //anything you want to do once the elements are all there.
});

Or just stick the script block after the element in your source (this might be a controversial suggestion).

Answer 2

Try to use $('#find').val('newvalue');

Answer 3

Your code should work fine, are you sure your selector is doing the right thing?

As a simple test try this:

$("#find").css({'background-color' : 'yellow'});

If the selector is right then the background item will go yellow.

Also, are you sure the code is being hit, there might be an error before hitting code, try sticking a breakpoint on the line of code and make sure it gets hit.