bootstrap mehrere wählen, Wie wählen Sie die gesamte Gruppe Elemente nach ausgewählter Gruppe

Question

alle! Ist die bootstrap-select möglich, um die Gruppe auszuwählen?

was bedeutet, ist, wenn ich eine Gruppe auswählen, könnte es auto

für den Bootstrap-select die gehören Gruppenelement (optgroup) von jquery ausgewählt erlauben nicht das wählen! so verwende ich andere Art und Weise es wie eine Gruppe zu machen ..

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

und ich brauche es .. wenn wählen Sie die Gruppe, es wird sich nicht wählen, konträr alle die gleiche Klasse mit der Gruppen-ID zu wählen. ..

und drücken Sie die ausgewählte Artikel-ID zu einem Array!

jetzt kann ich nur alle ausgewählten Artikel erhalten .... gibt es eine Idee für meinen Fall ... danke so

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); 

    });