Javascript 多个条件/使用JS或JQuery禁用选择选项？

根据这个fiddle（）的说法，我试图获得更多的条件，而不仅仅是2个选择字段->但不知道如何做到这一点：(

例如：

Green -> XS -> Femal -> V-Neck, U-Neck

Blue -> S, M -> Male, Female -> V-Neck

Yellow -> L, XL -> unisex -> short-arms, long-arms

对不起，我绝对不适合JS或JQ， 但也许有人有办法解决这个问题

---

感谢您的帮助！

只需扩展现有功能并禁用不相关的选项即可

看

如果未选择

color

，则禁用表单的其余部分

$('#color').change(function() {
    $('#size').val('5');
    $('#sex').val('11');
    $('#extra').val('15');
    if (this.options[this.selectedIndex].value == 1) {
        $('#size,#sex,#extra').attr("disabled", "disabled");
    } else {
        $('#size,#sex,#extra').removeAttr("disabled");
    }
});
$('#color').trigger('change');

---

哇！看起来很奇怪…但是如果有人想选择“性别”怎么办首先？方法不是通常的处理方式，您应该链接

选择

，这样每个选择都会触发下一个选择的可用选项。您可以使用实际选项文本作为值吗？在我的情况下，每个选择和每个选项值都将有一个唯一的ID作为值…好的。解决方案将帮助您区分男式大码和中性码大码？data结构将取决于您想要链接所选标签的ID的唯一性。同样的问题也适用于

extras

不同的

extras

选项，例如女性与男性？

$('#color').change(function() {
    $('#size').val('5');
    $('#sex').val('11');
    $('#extra').val('15');
    if (this.options[this.selectedIndex].value == 1) {
        $('#size,#sex,#extra').attr("disabled", "disabled");
    } else {
        $('#size,#sex,#extra').removeAttr("disabled");
    }
});
$('#color').trigger('change');