2014-02-08 149 views
0

我在一个选择框(多选)中的父主题和第二个选择框(多选)的子主题。最初所有的子主题都是disable.when任何父主题被选中时,儿童的所选的父主题得到启用。所以我想要做的是当我选择父主题时,应该删除所有禁用的主题,并应启用儿童主题。jquery:多选框删除选项

为了这个,我没有下面的代码:

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

这是破坏了其他儿童,但是当我选择第二父主题应该显示第一个父母的儿童和第二父母的children.but只表示第一父母孩子不是第二个父母,因为当我选择第一个父母时,childerns已被删除,所以下次不能使用。

enter image description here

enter image description here

enter image description here

请这方面的任何建议的解决方案。

正如我们可以在图像中看到的。 1)在图1中,我们可以看到它是所有父母主题,所有孩子默认情况下都是禁用的。 2)在图片2中,我选择了Contemparty Theme,现在我们可以看到他们只有3个子主题,它们是Contemprty Theme.rest alll的子集,用上面的代码去掉了。 3)在图像3我已经选择第二个主题,所以我想使孩子的主题,但它不是showing.as他们在步骤中去除2

+1

你可以显示HTML吗? –

+0

为了描述你的问题,你最好发布相关的代码。那么不去除禁用的选项,而是隐藏它们呢? –

回答

0

你应该只CSS去:

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

谢谢Wolff.but我试过这个initilally.but但它似乎显示没有工作.even我试过CSS属性可见性:hidden.not working –

+0

没有看到任何你的代码,我只能猜测你需要设置'!important '声明,请尝试:'display:none!important;' –