Как проверить, выбрано ли у всех четырех мультиселектов какое-то значение?

У меня 4 мультиселектора, которые динамически создаются таким образом

var drp_nt = $('', { 'id' : 'drp_' + nt, 'name' : 'drp_' + nt+'[]', 'multiple': true}); var drp_cnt = $('', { 'id' : 'drp_' + cnt, 'name' : 'drp_' + cnt+'[]', 'multiple': true}); var drp_ctg = $('', { 'id' : 'drp_' + ctg, 'name' : 'drp_' + ctg+'[]', 'multiple': true}); var drp_api = $('', { 'id' : 'drp_' + api, 'name' : 'drp_' + api+'[]', 'multiple': true}); 

Теперь я хочу сделать функцию, называемую

 function check_selection() { ----------------- ----------------- } 

который будет содержать код для проверки того, имеет ли весь мультиселектор какой-либо из выбранных данных.

Также как я могу вызвать эту функцию, используя и событие из всех 4 многоселекторных выпадающих списков (так как эта функция будет срабатывать всякий раз, когда какая-либо опция выбрана из любого из мультиселектов)

Я попробовал событие onchange для multiselect, но он не вызывал функцию.

использовать change event чтобы проверить, что выбрано все поле выбора или нет, используя фильтр ()

 $("select").change(function () { var selectedBox = $("select").filter(function () { return this.value != ""; }); if (selectedBox.length == 4) { alert("4 ckecked") } }); 

Для динамического элемента

 $(document).on("change", "select[id^=drp_]", function(){ var selectedBox = $("select").filter(function () { return this.value != ""; }); if (selectedBox.length == 4) { alert("4 ckecked") } }); 

DEMO