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

【问题标题】：Jquery hide/show optgroup base on main selector基于主选择器的 Jquery 隐藏/显示 optgroup
【发布时间】：2013-03-07 14:23:28
【问题描述】：

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

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

【问题讨论】：

标签： jquery show-hide multiple-select optgroup

【解决方案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/

【讨论】：

我现在有 Firefox，我会在 chrome 中重试并告诉你
似乎hide() 选项在 Chrome 和 IE 中不起作用，只是 Firefox 为 option 实现了它。
您也许可以使用append 和remove 函数让它工作。我试过了，但它有点乱。如果您花一些时间，我认为您可以做到
这个也可以参考stackoverflow.com/questions/4699410/…
如果你让它工作，请将它添加到你的问题中，让我知道我想看看