如何检查所有四个多选项是否都选择了某个值？

我有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事件，但它没有调用该函数。

Answer 1

使用change event检查是否使用filter（）选中所有选择框

 $("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