I have two dropdown boxes. Depending on the first dropdown selection the second will show the selection that is needed.
Example: If the first dropdown selection is 4 and second will have the selection of 2+2 or 3+1.
dropdownVar00 is the first dropdown
LLAdropdownVar008 is the second dropdown
$("#dropdownVar002").setOnchange(function(newVal,oldVal){
console.log(newVal).css("display", "none");
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1A]").prop("disabled", true).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A2A]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A3A]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A4A]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A5A]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A1B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1E]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2E]").prop("disabled", "disabled").css("display", "block");
}
else if (newVal=="A2"){
$("#LLAdropdownVar008").find("option[value=A1A]").prop("disabled", disabled).css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A4A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A5A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1B]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A2B]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A3B]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A1C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1E]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2E]").prop("disabled", "disabled").css("display", "block");
}
else if (newVal=="A3"){
$("#LLAdropdownVar008").find("option[value=A1A]").prop("disabled", disabled).css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A4A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A5A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1C]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A2C]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A3C]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A1D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1E]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2E]").prop("disabled", "disabled").css("display", "block");
}
else if (newVal=="A4"){
$("#LLAdropdownVar008").find("option[value=A1A]").prop("disabled", disabled).css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A4A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A5A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1D]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A2D]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A3D]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A1E]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2E]").prop("disabled", "disabled").css("display", "block");
}
else if (newVal=="A5"){
$("#LLAdropdownVar008").find("option[value=A1A]").prop("disabled", disabled).css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A4A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A5A]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3B]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3C]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A2D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A3D]").prop("disabled", "disabled").css("display", "block");
$("#LLAdropdownVar008").find("option[value=A1E]").prop("disabled", "true").css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A2E]").prop("disabled", "true").css("display", "initial");
THe code I have tried does not fire. What am I missing?
What I have tried:
$("#dropdownVar007").setOnchange(function(newVal,oldVal){
console.log(newVal);
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=Activity IA]").prop("disabled", false).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=Activity IB]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IC]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity ID]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IE]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIA]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIB]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIC]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIIA]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIIB]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IIIC]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IVA]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IVB]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity IVC]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity VA]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=Activity VB]").prop("disabled", "disabled").css("display", "none");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A2]").prop("disabled", false).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A4]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A5]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME2]").prop("disabled", "disabled").css("display", "none");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A3]").prop("disabled", false).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A4]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A5]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME2]").prop("disabled", "disabled").css("display", "none");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A4]").prop("disabled", false).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=A5]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME2]").prop("disabled", "disabled").css("display", "none");
}
if (newVal=="A1"){
$("#LLAdropdownVar008").find("option[value=A1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A4]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=A5]").prop("disabled", false).css("display", "initial");
$("#LLAdropdownVar008").find("option[value=SSO1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=SSO3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=DEV3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM2]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=FAM3]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME1]").prop("disabled", "disabled").css("display", "none");
$("#LLAdropdownVar008").find("option[value=PME2]").prop("disabled", "disabled").css("display", "none");
}
})