I have 3 select drop-downs, selecting a value in the first populates the second using ajax, selecting the second populates the third. However when I change the value of the first select it doesn’t reset the second (If I already chose the first and the second drop down initially).
Method
- Choose an option from the first
- This populates the second select with options A, B and C
- If I change the first one it won’t reset the value if that value existed on the first option
- So if our first option called A, B and C and we change the first drop-down to something else but it calls C, D and E; if C was selected in the second drop-down it doesn’t reset since it existed in both ajax calls, this then doesn’t load in the third select unless you select a different option in the second select.
Basically what I need is to reset the second and third select whenever the first changes.