jQuery隐藏/在主选择器上显示optgroup base

Question

请参阅此link，它是一个多选框，用于根据主活动中选择的内容选择子活动，现在它的工作状态非常好。

基于变更请求，我想使行动只显示在当它被选择子活动的OPTGROUP，意味着当您选择main-activity option 1 and 2，sub-activity是1 and 2显示OPTGROUP，其余都是隐藏和不可见，请指教，谢谢。

Answer 1

你需要没有选择的选项和hide()他们在subactivity。不要忘记显示选择的。

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