bootstrap multiple select, Comment sélectionner les éléments du groupe entier après le groupe sélectionné

Question

tous! Est-ce que le bootstrap-select est possible de sélectionner le groupe?

qui est moyenne quand je sélectionner un groupe, il pourrait automatiquement sélectionné l'élément de groupe appartiennent (optgroup) par jquery

pour l'amorçage de sélection est permet de ne pas sélectionner le! donc j'utiliser un autre moyen de le faire comme un groupe ..

<select class="selectpicker" id="join_person" multiple> 

    <option id="A">group1</option> 
    <option class="A" id="1">andy</option> 
    <option class="A" id="2">peter</option> 
    <option class="A" id="3">amy</option> 

    <option id="B">group2</option> 
    <option class="B" id="4">kelly</option> 
    <option class="B" id="5">tim</option> 

</select> 

Et je besoin .. quand sélectionnez le groupe, il ne choisira pas lui-même, au contraire pour sélectionner toute la même classe avec l'identifiant de groupe.

et de pousser l'identifiant de l'élément sélectionné à un tableau!

maintenant je ne peut obtenir tout élément sélectionné .... est-il une idée pour mon cas ... merci

var arr = new Array(); 
$('#join_person').on('change', function(){ 

    $(this).find("option").each(function() 
    { 
     if($(this).is(":selected")) 
     {    
      id = $(this).attr("id"); 
      class_dept = $(this).attr("class"); 
      if(id == class_dept){ 
       //do something 
       } 
      if(arr.indexOf(id) == -1) 
      { 
       arr.push(id); 
      } 
     } 
     else 
     { 
      id = $(this).attr("id"); 
      arr = jQuery.grep(arr, function(value) { 
      return value != id; 
      });    
     } 
    }); 

    alert("Last selected : " + arr[arr.length-1] +" | array_item:"+ arr); 

    });