Question

I was wondering if there’s a way, using jquery, to unfocus EVERY select element after a selection triggered ?

Thanks.

Note: I know how to do it for one element at a time, this question is for global behavior of select elements

Answer 1

I would go like this, but without much information, I’m not sure it will be correct for you.

$('select').on ('change', function () {
    $(this).trigger('blur');
});

Note, if by “select” event, you mean a personalized event, juste change “change” by your event.

As pointed out by @grinn, you can set the event with a delegation for future created selects :

$(document.body).on ('change', 'select', function () {
    $(this).trigger('blur');
});