How can I change drop down box #2 based on input from drop down box #1?

Question

I have two drop down menus.

    <         


        

Answer 1

Having a second dropdown doesn't make a lot of sense then if they're related that way, unless the user can select a combination of trailers and countries that don't match. Why not make your first control a dropdown, add a data-* attribute to the options and fill a label for the user.

So, your options would look something like this:

Trailer 1 - Spanish

If you need the values from the second option, you can just set up a global array lookup of those country/value combinations.

Obviously, I don't know the thoughts behind your design or what you have planned, but if the selections must match, then I don't see the point of giving the ability to select a country. It almost makes more sense to filter by your country and then hide/show options based on that selection more than what you have planned. I feel you always remove as many avenues of user interaction as you can if they aren't necessary.