Triggering a function after select tag changes

Question

I have a select field with multi select option in which I need to trigger an ajax call after the select box closes(after selecting multiple options) at select box. Any help to implement this functionality. $('#selectBoxId').on 'change', -> $.ajax url: '/filter' dataType: 'script'

I have code like this. This triggers ajax call on each select option. I don't use any plugin for multi select

Please provide an example of the markup you are working with. — Taplar, Apr 19 '18 at 17:52
Please see here: https://stackoverflow.com/questions/6207929/is-there-a-dom-event-that-fires-when-an-html-select-element-is-closed — Patrick Moore, Apr 19 '18 at 17:59
@PatrickMoore I don't think that is the issue as the user says they have a multiselect. A native multiselect does not "close". So it's possible they are using a plugin, but that is unclear so far from the question. — Taplar, Apr 19 '18 at 18:02
@Taplar probably so. Tough to know without more information from OP. — Patrick Moore, Apr 19 '18 at 18:03

score 0 · Answer 1 · answered Apr 19 '18 at 18:01

0

You can accomplish this by firing on .blur() rather than .change(), if you're using a native <select multiple="multiple"> without plugin.

.change() event fires each time the value is changed. .blur() event fires only when the select element loses focus. But this event may not bubble down depending on whether you're using a third-party plugin or not.

answered Apr 19 '18 at 18:01

Patrick Moore

13,251
5
38
63

I don't use any plugin – Aarthi Apr 19 '18 at 18:05
@Aarthi so can you try with `blur` rather than `change` and see if this accomplishes what you're after? – Patrick Moore Apr 19 '18 at 18:07

Triggering a function after select tag changes

1 Answers1