OptGroup Click

by Bruno G.

HTML

<select id="selCar" multiple="multiple" size="6">
  <optgroup label="American Cars">
    <option value="ford">Ford</option>
    <option value="gm">GM</option>
  </optgroup>
  <optgroup label="Swedish Cars">
    <option value="saab">Saab</option>
    <option value="volvo">Volvo</option>
  </optgroup>
</select>

JavaScript

$(document).ready(function(){
    $('#selCar optgroup').click(function(){
        alert('Group: '+$(this).attr('label'));
    });
                                
    $('#selCar option').click(function(){
        alert('Option: '+$(this).attr('value'));
    });
});