Retrieving optgroup label for selected option in a drop down list with Mootools
Just a quick tip for getting the selected option optgroup label using Mootools:
The HTML:
<select id="transport">
<optgroup label="Cars">
<option>Ford</option>
<option>BMW</option>
<option>Mercedes</option>
</optgroup>
<optgroup label="Motorbikes">
<option>Honda</option>
<option>Yamaha</option>
<option>BMW</option>
</optgroup>
</select>
Mootools JavaScript:
// get optgroup label of selected option on change
document.id("transport").addEvent("change",function(){
var optGroup=this.getSelected().getParent("optgroup").get("label");
// do something with the label
alert(optGroup);
})
