TextBox onchange when setting value with jQuery

Question

    $(document).ready(function() {
        $('#text').live('change', function() {
            alert('hello');
        });
        $('#button').live('click', function() {
            $('#text').val('some text');
        });
    });  

    <div>
        <input type="button" id="button" value="Click Me" />
        <input type="text" id="text" />
    </div>

How can I make the change function on the textbox trigger when I click the button?

Nick Craver · Accepted Answer · 2010-07-08 10:41:00Z

5

You can use .change() (the shortcut) or .trigger(), like this:

$('#button').live('click', function() {
  $('#text').val('some text').change();
});

Or this:

$('#button').live('click', function() {
  $('#text').val('some text').trigger('change');
});

Either method works to trigger any change event handlers you've added, you can test it here.

answered Jul 8, 2010 at 10:41

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Collectives™ on Stack Overflow

TextBox onchange when setting value with jQuery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related