Conditional hiding of dropdown field values based on previous dropdown field selection
- September 22, 2023
- 3 replies
- 2349 views
Eventually, this script will have to cover nearly 100 dropdown fields (one for every ship selectable). The end-state is to minimize the required scrolling, disallow duplicate selections, and hopefully allow for first letter(s) input to jump to through the alphabetical listing.
Is there even a way to conditionally hide dropdown values based on previous selections? I have been tinkering with this for a week now and am no closer to making it work. Below is the code I've been attempting to implement and attached is my working test file.
My sincerest thanks in advance for your time and any and all assistance.
DROPDOWN 01 - replicated & modified for each successive dropdown.
var dropdown1 = this.getField("Drop01");
var dropdown2 = this.getField("Drop02");
var dropdown3 = this.getField("Drop03");
var dropdown3 = this.getField("Drop04");
dropdown1.setAction("Keystroke", function() {
var selectedValue1 = dropdown1.value;
if (selectedValue1 === "Reagan") {
dropdown2.setItems(["Enterprise", "Roosevelt", "Stennis"]);
} else if (selectedValue1 === "Enterprise") {
dropdown2.setItems(["Reagan", "Roosevelt", "Stennis"]);
} else if (selectedValue1 === "Roosevelt") {
dropdown2.setItems(["Reagan", "Enterprise", "Stennis"]);
} else if (selectedValue1 === "Stennis") {
dropdown2.setItems(["Reagan", "Enterprise", "Roosevelt"]);
} else {
dropdown2.setItems(["Reagan", "Enterprise", "Roosevelt", "Stennis"]);
}
});
