如何从jquery中的下拉列表中获取值

Question

<optgroup label="Breeding" class="parent-option"> 
    <option class="child-option" value="Foal Out" disabled style="font-weight: bold; color: #555555 " selected="false">Foal Out</option> 
    <option value="Breeding, Foal Out, General">&nbsp;&nbsp; General</option> 
    <option value="Breeding, Foal Out, Report">&nbsp;&nbsp; Report</option> 

<option class="child-option" value="Gestation" disabled style="font-weight: bold; color: #555555 " selected="false">Gestation</option> 
    <option value="Breeding, Gestation,l General">&nbsp;&nbsp; General</option> 
    <option value="Breeding, Gestation, Report">&nbsp;&nbsp; Report</option> 

<option class="child-option" value="Mare" disabled style="font-weight: bold; color: #555555 " selected="false">Mare</option> 
    <option value="Breeding, Mare, AI Cooled Semen">&nbsp;&nbsp; AI Cooled Semen</option> 
    <option value="Breeding, Mare, AI Frozen Semen">&nbsp;&nbsp; AI Frozen Semen</option> 
</optgroup> 

如何从下拉列表中选择任何选项时，如何获取最近的子选项类和最近的父选项类值的值。