jQuery show/hide drop-down options based on another drop-down option

Question

I am trying to create a drop-down select menu that will consist of three select boxes, where the 3rd box will show/hide specific option based on an option selected in the 1s

Answer 1

You can use css classes to distinguish the Sizes and show hide the options based on the category.

    
        Choose Category 
        Mens Suits 
        Womens Suits 
        Children Suits 
    
    
        Choose Color 
        Blue
        Red
        Green
    
    
        Choose Size 
        
        36
        38
        40
        
        30
        29
        28
        
        12
        11
        10
    

The above code having classes like "men", "women" and "child"` to distinguish the sizes.

Following script can be used to achieve the functionality.

Hope this will help :)