I want to create 2 Drop Down boxes so that first we have a dropdown box, and if a user selects any value from it, then the second drop down appears which contains related values based on the selection in first dropdown box.

For example:

Dropdown Box1:
Fruits
Vegetables

If someone selects Fruits, then next dropdown box appears which has list of fruits (Oranges, Mangos, Blueberry, Grapes)
If someone selects Vegetables then next dropdown box has list of vegetables (Carrots, Sweetcorn, Potatos, Tomatoes.)

Please note that second dropdown should be appear only after selecting a value in First dropdown box.

I will be very thankful for any help with code.