2016-12-02 9 views
1

すべて! bootstrap-selectはグループを選択できますか?複数のブートストラップ、選択したグループの後にグループ全体の項目を選択する方法

私はグループを選択する際の平均である、それは自動ブートストラップ・セレクトのためにjqueryの

によって属しグループ項目(OPTGROUP)を選択した可能性が選択できるようにしていません!グループを選択すると はので、私は..グループのようにそれを作るために他の方法を使用し

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

と私はそれを必要とする...、それはグループIDを持つすべての同じクラスを選択するために、逆に、自分自身を選択しないだろう。 ..

選択した項目IDを配列にプッシュします。

は今、私は私の場合のための任意のアイデアがあります....選択したすべてのアイテムを取得することができます... は、あなたが箱から出して考えなければならないので、

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

    }); 
+0

あなたは 'を使用する必要があります