Back to the forms page.

To view the code for any page, right click / view source.

If you need help with any of these forms or, you find one not working correctly, please email me.

This form has two scripts, it does two things. One, dependant on the first dropdown selection, the second dropdown changes. Two, before the order is sent, the validator checks the person has in fact chosen both dropdowns.

You'll need the dropdown script which is here

You'll need the validator script which is here

You'll see from the form, if product one is selected then only the variations for that product are shown, the same for product two etc.

In the dropdown2.js file, scroll to the bottom and change the: dynamicSelect("product", "qty"); to whatever your select id="name of your product" and select id="qty" or variation is. The formvalidator script does not need modifying, only the script in the head area of your page.