jQuery: change selectable dropdown options based on radio button selection

Question

I have a php web form, when user selects a radio button, I want only certain options to be available in the dropdown. So for example, if I select House fro

Answer 1

Simplest way is just assign css classes to the select options and show/hide them.

Demo: http://jsfiddle.net/9Tbpq/

    

        
Group box
        House

        Condo

        Boat

    
    



    

        
Group Options
        
            Select
            House 1
            House 2
            House 3
            Condo 1
            Condo 2
            Condo 3
            Boat 1
            Boat 2
            Boat 3
        
    
​

.