Javascript Function for related select elements onSubmit

Posted by Livingston on Stack Overflow See other posts from Stack Overflow or by Livingston
Published on 2012-05-23T18:41:58Z Indexed on 2013/11/03 21:55 UTC
Read the original article Hit count: 275

Filed under:
|
|

I am trying to create (4) Select elements within a form element. Each select element has a different number of options. So if a user click one option on Select #1 and then click another option on Select #2, after hitting submit they will be taken to www.blah.com/option1/option2 page which will display the filtered results. Or they can chose an option from all 4 select menus and be taken to option1/option2/option3/option4 page.

The categories are all related .Select #1 is a category, Select #2 is a subcategory of 1, Select #3 is a subcategory of #2 and Select #4 is a subcategory of #3. A great example would be on (LINK) http://www.safavieh.com/rugs (LINK) except only four Select elements. I would also like to add the "Reset" button next to "Submit."

I know I need to construct a function in my header and use onSubmit attribute within the form but other than that I am unsure of what's involved so I'm hoping someone could point me in the right direction. It's important I learn most of this for myself. Thanks for your time

Livingston

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about forms