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

Question

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

根据更改请求，我想在选择时仅显示子活动中的 optgroup 的操作，这意味着当您选择时main-activity option 1 and 2，sub-activity显示 optgroup for 1 and 2，其余部分隐藏且不可见，请告知，谢谢。

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/