Jquery：多选框删除选项

Question

我在一个选择框（多选）中有父主题，在第二个选择框中有子主题（多选）。最初所有子主题都是禁用的。当选择任何父主题时，所选父主题的子主题被启用。所以我想要做的是当我选择父主题时，应删除所有禁用的主题，并启用子主题。

为此我做了以下代码：

$('#sub_theme option[disabled]').remove();

这是删除其他孩子但是当我选择第二个父母主题时，它应该显示第一个父母的孩子和第二个父母的孩子。但它只显示第一个父母孩子而不是第二个父母。因为我首先选择了childerns被删除parent.so下次不能使用。

请为此提出任何建议的解决方案。

正如我们在图片中看到的那样。 1）在图像1中，我们可以看到它是所有父母主题，并且默认情况下所有孩子都被禁用。 2）在图像2中，我选择了Contemparty主题，我们现在可以看到他们只有3个子主题是Contemprty Theme的孩子。使用上面的代码删除了。 3）在图像3中我选择了第二个主题，所以我想启用子主题但它没有显示。它们在步骤2中被删除。

Answer 1

你应该只使用CSS：

#sub_theme option[disabled] {
    display: none;
}