OK so as the title indicates, at the moment, I am pretty clueless on how I should go about accomplishing what I need to do...
I have tried a variety of things and do not get the desired results. For starters, I am actually unsure of rather I should be using PHP or just javascript or perhaps a mix of both (like what I was doing by using onChange events with some PHP "if statements"). I will try to explain as best as possible with attaching some visual reference to better clarify:
I want to be able to generate some subsequent drop-downs on a form based on an initial selection from the first drop-down. So I would start with a single drop down (box1.jpg) then select an option from the menu. If I were to select Cookies then I would see what is shown in box2.jpg.
However, if I were to select Cupcakes then I would instead display what is seen in box3.jpg.
To take it even a step further I'd like there to be a button or link below the drop-downs to add another line. It is not necessary that it initially be displayed only upon a selection being made from all the preceding drop-downs but that would be even more preferable than simply having the functionality. So something like what I am showing in box4.jpg.
Then after the button was clicked there would be another drop-down the same as the first one in its' initial state (with or without a following button to add yet another line, depending on how I can get it to show up) like seen in box5.jpg.
If anyone could maybe get me pointed in the right direction I'd be very appreciative!!!