I am making a form that is using conditional logic, and using drop-downs like:
* -- Select City --
-- and when a city is selected then a ~50-70 locations of that city drop-down shows up.
-- there are ~200 cites, and each city containing ~50-70 locations
Then same form has something like:
* -- Select Maker --
-- user selects from drop-down HP, Dell, Sony, Acer, Asus etc,
-- and depending on the selected company, say Dell, a hidden drop-down shows up with something like Latitude, Inspiron, etc
-- then depending on the selected model, another drop-down shows up with all versions for Latitude
Now if I look at the source code of the loaded form, there is a ton of HTML code with ALL the list items loading. There is a display: none property set, but otherwise the whole code will ALL the cities, all the city locations, all the companies all the models, all the versions everything is being loaded. This is making the form page load time slow.
Is there a way to load only the relevant conditional items depending on the parent item selected?
Like Latitude, Inspiron etc should only load if Dell is selected and so on.
I _have_ to put all the options in a drop-down because I don't want user typing these things and making typing mistakes... that would mess with the search results later on.
Posted 6 years ago on Monday June 17, 2013 | Permalink