Jquery – Select optgroup in select

Question

I have a select with 2 optgroups. Is there a way to call an function only if an option from the first optgroup is selected and call another function if an option from the se

Answer 1

Sure.

HTML:

What is your preferred vacation spot?

 

        
Florida         
Hawaii         
Jersey Shore    
 

  
Paris  
London 
Florence  

JS:

$("#my_select").change(function(){
    var selected = $("option:selected", this);
    if(selected.parent()[0].id == "one"){
        //OptGroup 1, do something here..
    } else if(selected.parent()[0].id == "two"){
        //OptGroup 2, do something here
    }
});

Example here: http://jsfiddle.net/pyG2v/