jquery `on change` doesn't recognize when you set textbox value programmatically

Question

I want to clear out a textbox when I call:

$('#textBox').val(''); or $('#textBox').empty();

Originally, when I would manually backspace and delete the text out of the text box, the on change function would fire. If I run $('#textBox').val('') above, on change does not fire:

$(document).ready(function() {
    $('#textBox').on('change', function(){

Why is this?

your change event will not fire if you clear textbox using jquery. — Parixit
– Parixit, Commented Jan 17, 2014 at 4:34

Kristijan · Accepted Answer · 2014-01-17 04:33:14Z

4

Use trigger, like this:

$("#testBox").val("").trigger("change");

answered Jan 17, 2014 at 4:33

Kristijan

5,9151 gold badge15 silver badges21 bronze badges

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

Comments

ATOzTOA · Accepted Answer · 2014-01-17 04:32:43Z

1

When you change the value programmatically, just trigger the change event using trigger.

$("#myid").trigger("change");

answered Jan 17, 2014 at 4:32

ATOzTOA

36.1k23 gold badges101 silver badges119 bronze badges

Comments

nietonfir · Accepted Answer · 2014-01-17 04:39:06Z

1

It's not jQuery that doesn't fire the event, it's the browser. If you look it up in the specs you'll see the definition of the change event:

change

The change event occurs when a control loses the input focus and its value has been
modified since gaining focus. This event is valid for INPUT, SELECT, and
TEXTAREA. element.

    Bubbles: Yes
    Cancelable: No
    Context Info: None

As already posted, your problem can be mitigated by triggering the event manually via trigger().

answered Jan 17, 2014 at 4:39

nietonfir

4,8916 gold badges34 silver badges46 bronze badges

Collectives™ on Stack Overflow

jquery `on change` doesn't recognize when you set textbox value programmatically

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related