HTML select change event not called when selecting value of html select using jquery

Question

In the below code I am binding the change event to a HTML select and then trying to set its selected value. However, my change event is not called when I select the value of the HTML select via jQuery with the following code:

row.find(".js-sAttribute").change(function ()
{
    alert('1');
});

//**the following should trigger change event binded in the above code**
row.find(".js-sAttribute").each(function() { this.selected = (this.text == sAttEnum.ProductID); });

Please advise.

I see conflicting code. Can you clean up your question a bit to be more clear? — Gregg
– Gregg, Commented Apr 26, 2011 at 6:10

Gregg · Accepted Answer · 2011-04-26 06:21:45Z

1

I believe what you need to do is call change() with no arguments after you change the selection manually. Otherwise, it won't actually trigger the change event...

row.find(".js-sAttribute").each(function() { 
   this.selected = (this.text == sAttEnum.ProductID);
   $(this).change(); 
});

answered Apr 26, 2011 at 6:21

Gregg

36k22 gold badges115 silver badges221 bronze badges

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

Collectives™ on Stack Overflow

HTML select change event not called when selecting value of html select using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related