基于主选择器的Jquery隐藏/显示optgroup

Question

请参考这个链接，是一个多个选择框，可以根据主活动中选择的内容来选择子活动，它现在运行得很好。

根据更改请求，我想让的操作只显示在子活动中的optgroup当它被选择的时候，意思是当您选择main-activity option 1 and 2时，sub-activity是1 and 2的optgroup，其余的是隐藏和不可见的，请通知，谢谢。

Answer 1

您需要获得未选择的选项，并在子活动中对它们进行hide()。别忘了展示那些被选中的人。

 //get not selected ones
 var arr1 = $('#filterActivity option:not(:selected)');

  //iterate and hide 
  $("#filterSubActivity").children("optgroup[label='" + arr1[j].value + "']").hide();

下面是演示：http://jsfiddle.net/btevfik/q62PK/