JQuery Get Label von OPTGROUP der ausgewählten Option
Ich versuche, den Wert des optgroup-Labels der aktuell ausgewählten Option in einem ausgewählten Steuerelement zu ermitteln. Unten ist etwas HTML, um zu zeigen, was ich versuche zu tun.
<code><select id='sector_select' name='sector_select' data-placeholder="Select Sector..." style="width:200px;" class="chzn-select"> <option value='' selected='selected'>All Sectors</a> <optgroup label="Consultancy Services"> <option value='Employment placement/ recruitment'>Employment placement/ recruitment</option> </optgroup> <optgroup label="Supplies"> <option value='Food, beverages and related products'>Food, beverages and related products</option> </optgroup> </select> <script type="text/javascript"> $('#sector_select').change(function () { var label=$('sector_select :selected').parent().attr('label'); console.log(label); }); </script> </code>
Der obige Code ist undefiniert, da sein übergeordnetes Element des ausgewählten Elements eine andere als die Option ist. irgendwelche Ideen?