Hello,
I have two dropdown boxes. The first dropdown has 5 options you can choose from. Depending on the option you chose, the 2nd dropdown will populate other options. What I have been getting is that all the options are still showing in the 2nd dropdown no matter what I choose. What did I do wrong and hat did I miss?
My Keys for DropdownVar007 are A1 - A5
My Keys for LAAdropdownVar008 are ACA1 - ACA5 an SSO1 - SSO3
What I have tried:
$("#dropdownVar007").setOnchange(function(newVal,oldVal){
console.log(newVal);
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=ACA1]").attr("disabled", false);
$("#LLAdropdownVar008").find("option[value=ACA2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=ACA3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=ACA4]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=ACA5]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME2]").attr("disabled", "disabled");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A2]").attr("disabled", false);
$("#LLAdropdownVar008").find("option[value=A3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A4]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A5]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME2]").attr("disabled", "disabled");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A3]").attr("disabled", false);
$("#LLAdropdownVar008").find("option[value=A4]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A5]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME2]").attr("disabled", "disabled");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A4]").attr("disabled", false);
$("#LLAdropdownVar008").find("option[value=A5]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME2]").attr("disabled", "disabled");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A4]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=A5]").attr("disabled", false);
$("#LLAdropdownVar008").find("option[value=SSO1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=SSO3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=DEV3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM2]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=FAM3]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME1]").attr("disabled", "disabled");
$("#LLAdropdownVar008").find("option[value=PME2]").attr("disabled", "disabled");
}
})