Display another drop down list after select one

Display another drop down list after select one

I'm a newbie. I have just working with jQuery for 2 hours.

For example I have a drop down list like this:

  1. <select>
  2. <option>Fruit</option>
  3. <option>Color</option>
  4. </select>
If I select Fruit, another drop down list appers and give me some selections:
  1. <select>
  2. <option>Banana</option>
  3. <option>Orange</option>
  4. </select>
And if I choose Color, one drop down list show me colors like Red, Green, ... to choose.

Can I do this with jQuery? Now I can only display what user choses like "You chose Banana". "You chose Red", ...

I'm looking forward to your reply!
Thank you and sorry for my English!