Home > Javascript > Jquery Change Select Options

Jquery Change Select Options

October 21st, 2009

I have a series of SELECT fields in a form and I want to the “children” SELECTS to change based on what is selected in the previous SELECT statement. We are drilling down through product options.

For example.

Select Field #1 options: Category1, Category2, Category3

Select Field #2 options:
If nothing selected in Field #1, then no options presented.
if Category #1 selected then show Product #1, Product #2, Product #3
If Category #2 selected then show Product #4, Product #5, etc. etc.

Select Field #3 options:
If nothing selected in Field #2, then no options presented.
If Product #1 selected, then show Option #1, Option #2, etc.

And there will likely be one additional Select Field for Sizes.

This needs to be in jquery.


Jquery Change Select Options

Comments are closed.
Bear