What jquery event is triggered when setting an input value with val()?

Question

I can setup this listener:

$('input[type="text"]').on('keyup paste input change', function() {
  console.log('Hello!');
});

If I open DevTools and do:

$('input[type="text"]').val('a new value');

None of the events above are called. Which event should I listen for this cases?

Why don't you just trigger the callback handler manually by JavaScript? — Pavel S.
– Pavel S., Commented May 11, 2013 at 20:46
$('input[type="text"]').val('a new value').trigger('change'); — j08691
– j08691, Commented May 11, 2013 at 20:48

Dom · Accepted Answer · 2013-05-11 21:11:00Z

6

Changing an elements value programatically doesn't trigger an event, you'll have to do that yourself. You could use trigger to trigger event handlers in jQuery :

$('input[type="text"]').val('a new value').trigger('change');

edited May 11, 2013 at 21:11

Dom

40.7k12 gold badges56 silver badges83 bronze badges

answered May 11, 2013 at 20:50

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Nomad101 · Accepted Answer · 2013-05-11 20:54:18Z

-1

The .val() function is designed not to trigger events when executed. What I mean by that is even though it could technically have that functionality due to how jQuery works. If you use the .val() function you can manually execute the event you would like using $(element).val("something").click()/change()/input()/keyup()

edited May 11, 2013 at 20:54

answered May 11, 2013 at 20:48

Nomad101

1,71811 silver badges16 bronze badges

2 Comments

Nope Over a year ago

The .val() function is designed not to trigger events when executed. That would imply there is code intentionally written to not trigger an event. That there is no event raised is nothing to do with .val() or jQuery at all. Programmatically changing the value using plain JavaScript also won't raise the change event.

Nomad101 Over a year ago

I wasn't implying that at all. jQuery however could easily have been designed to implement this functionality. Now I was just stating that it does not do that, and you would need to handle it accordingly. I was specifically referring to jQuery which in its documentation for the .val() function does not specifically reference running through event execution or not.

Collectives™ on Stack Overflow

What jquery event is triggered when setting an input value with val()?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related