Back to Mal's forms page
Clicking on this logo will return you to our forms home page.

Please view our privacy page about cookies and how to remove them.

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.


In this form, (thanks to Alan), we have a simple dropdown that, when a selection is made, a further dropdown with products only for the first selection are shown. There is a script in the head of this page, copy this script into the head of the page this form will be used on.

By viewing the source of this page, you will see each dropdown is within a div, each div is numbered, e.g. id="div1" id="div2" etc. The attribute style="display:none;" prevents the 'hidden' div being shown until the first dropdown selection is made.

You can have up to 100 products sent to the cart on a page, so you can have up to 100 selections...

Drawback, you can only use this for ONE form per page. If you need to have more than one form on a page, use: Multiple dropdowns, from inside a dropdown.