jQuery .on（）函数不能按预期工作

Question

我有工作jQuery是添加一个计数取决于选定项目的数量，问题是我有多个选择器和多个计数显示字段。我不太清楚为什么这不起作用。

当我改变1选择它改变所有选择的计数。

/*Account Group Count*/ 
$('body').on('change', $('#group-accounts'),function() { 
    var strAccount = $("select option:selected").length; 
    $(".AccountCount").text(strAccount); 
    $(".AccountSmallCount").text(strAccount + ' selected'); 
}); 

/*User Group Count*/ 
$('body').on('change', $('#group-users'),function() { 
    var strUser = $("select option:selected").length; 
    $(".UsersCount").text(strUser); 
    $(".UsersSmallCount").text(strUser + ' selected'); 
}); 

这里是选择之一

<div class="ui-multiselect col-full group-accounts-select">     
     <select name="group-accounts" id="group-accounts" multiple> 
      <cfloop query="AccountGroupList"> 
       <option value="<cfoutput>#AccountGroupList.aprimID#</cfoutput>"><cfoutput>#aName#</cfoutput></option> 
      </cfloop>     
     </select> 
     <label for="group-accounts"><span>Accounts:</span></label> 
    </div> 
    <span class="AccountSmallCount"></span> 

Answer 1

/*Account Group Count*/ 
$(document).on('change', '#group-accounts', function(){ // <-- the difference 
    var strAccount = $(this).find(":selected").length; 
    $(".AccountCount").text(strAccount); 
    $(".AccountSmallCount").text(strAccount + ' selected'); 
}); 

/*User Group Count*/ 
$(document).on('change', '#group-users', function(){ // <-- the difference 
    var strUser = $(this).find(":selected").length; 
    $(".UsersCount").text(strUser); 
    $(".UsersSmallCount").text(strUser + ' selected'); 
}); 

这是你如何做到这一点（代表团）：

//[root element] [event] [target selector] [callback] 
    $( document).on('change', '#group-users', function(){..}