如何檢查所有四個多選的選擇是否有一些值？

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