I am putting together a form where I have a dropdown that contains 3 choices. When one of these choices is selected from the dropdown, a table becomes visible for the user to complete.
The issue I have is when the user selects from the drop down, the table does not become visible unless the user clicks inside the drop down again.
I have tried a “click and the exit” event and came up with the same issue.
The following is the code I am using. I would appreciate any help with this.
Chomp
if (this.rawValue == "5") {
term_select.presence = "visible";
}
if (this.rawValue != "5") {
term_select.presence = "hidden";
}
if (this.rawValue == "6") {
temp_select.presence = "visible";
}
if (this.rawValue != "6") {
temp_select.presence = "hidden";
}
if (this.rawValue == "7") {
act_select.presence = "visible";
}
if (this.rawValue != "7") {
act_select.presence = "hidden";
}