Javascript jQuery：根据主类别中的选择获取子类别

我正在根据从主类别中选择的内容选择子类别，当我从主类别中选择时，子类别仍然显示第二个类别中的所有选项。 下面是一段代码

$（文档）.ready（函数（）{
$（“类别”）。关于（“更改”，函数（）{
var selectedVal=$（“#类别选项：选中”）.val（）；
$（“#子类别>optgroup”）.attr（“禁用”、“禁用”）；
$（“#子类别>optgroup[label=“”+selectedVal+”）。移除属性（“禁用”）；
});  
});

时尚
电子学
男装
女装
电视机
游戏机
给你一个解决方案


$（文档）.ready（函数（）{
$（“类别”）。关于（“更改”，函数（）{
var selectedVal=$（this）.find（“选项：selected”）.val（）；
$（“#子类别>optgroup[label=“”+selectedVal+“]”）
.show（）
.兄弟姐妹（“optgroup”）
.css（“显示”、“无”）；
});  
});

时尚
电子学
男装
女装
电视机
游戏机
给你一个解决方案


$（文档）.ready（函数（）{
$（“类别”）。关于（“更改”，函数（）{
var selectedVal=$（this）.find（“选项：selected”）.val（）；
$（“#子类别>optgroup[label=“”+selectedVal+“]”）
.show（）
.兄弟姐妹（“optgroup”）
.css（“显示”、“无”）；
});  
});

时尚
电子学
男装
女装
电视机
游戏机
将选择设置为您想要的选项


$（文档）.ready（函数（）{
var$optgroups=$（“#子类别>optgroups”）；
$（“类别”）。关于（“更改”，函数（）{
var selectedVal=this.value；
$（“#子类别”）.html（$optgroups.filter（“[label=“”+selectedVal+”））；
});  
});

时尚
电子学
男装
女装
电视机
游戏机
将选择设置为您想要的选项


$（文档）.ready（函数（）{
var$optgroups=$（“#子类别>optgroups”）；
$（“类别”）。关于（“更改”，函数（）{
var selectedVal=this.value；
$（“#子类别”）.html（$optgroups.filter（“[label=“”+selectedVal+”））；
});  
});

时尚
电子学
男装
女装
电视机
游戏机
禁用选项只会使它们无法选择。这并不意味着它们不显示。是的，它不显示，请问我如何解决它？隐藏选择选项在IE中不起作用。这个解决方案可能会帮助你-@PhaniKumarM我只是尝试了小提琴，这不是我想要的，谢谢禁用选项只会使它们无法选择。这并不意味着它们不显示。是的，它不显示，请问我如何解决它？隐藏选择选项在IE中不起作用。这个解决方案可能会帮助你-@PhaniKumarM我刚刚试过小提琴，这不是我想要的，谢谢，它起作用了。是否可以使用ajax隐藏未选中的子类别？@N.francis是的，您可以使用相同的场景创建一个
jsfiddle
。谢谢，它成功了。是否可以使用ajax隐藏未选中的子类别？@N.francis是的，您可以使用相同的场景创建一个
jsfiddle
。我也使用IE 11