large drop down storage using AmplifyJS

Question

I have 3 drop down select box.First drop down box contains 10 data,As of now data is populating from server using php/ajax.

When I request from first drop down,the second and third drop down data updating from server.The second and third drop down contains around 30,000 records.I mean each second and third drop down box individually contains this much data and it takes 1 minute to load.I am thinking AmplifyJS is the solution to store the data in locally and get it from local storage.My approach is correct ? please help

Answer 1

If you have this much data, you really should use some autocomplete component instead of a dropdown; this is both for your server's sake (less data to transmit) and for your user's sake (less lines to wade through).