如何检查所有四个多选的选择是否有一些值？

Question

我有一个是通过这种方式动态地创建4多选

var drp_nt = $('<select />', { 
           'id'  : 'drp_' + nt, 
           'name' : 'drp_' + nt+'[]', 
           'multiple': true}); 

var drp_cnt = $('<select />', { 
           'id'  : 'drp_' + cnt, 
           'name' : 'drp_' + cnt+'[]', 
           'multiple': true}); 

var drp_ctg = $('<select />', { 
           'id'  : 'drp_' + ctg, 
           'name' : 'drp_' + ctg+'[]', 
           'multiple': true}); 

var drp_api = $('<select />', { 
           'id'  : 'drp_' + api, 
           'name' : 'drp_' + api+'[]', 
           'multiple': true}); 

现在我想创建一个名为

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

功能将包含的代码，检查是否所有的多选有任何的选择的数据。

而且我怎么能使用和事件从所有4名多选的下拉列表中（因为只要任何选项从任何一个多选的选择该功能将被触发）调用这个函数

我试过OnChange事件多选，但它没有调用该函数。

Answer 1

使用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