I'm working on a responsive site where the lead gen form that needs users to select a store location (this is required by internal system), first name, last name, phone, email, and how they heard about the company.
There are currently 120 locations, which makes having them all in a drop down super long. I currently have it broken into two drop downs where you select your state, then the next drop down appears below it showing only the locations within that state. For some states there is only one location, so I'm not making the 2nd drop down appear.
The users also need to choose how they heard of the company. There are about 5 main categories like Radio,search engine, tv. There are also sub categories, like multiple different radio stations. Knowing the referral info is also required by the internal system.
What would be the best way to show this form to make it easy for users, even with a lot of inputs. Should things like location be hidden until the state is selected?
What do you all think?