jQuery: encontre o <optgroup> para um valor selecionado em um elemento <select>
Eu tenho um menu suspenso com diferentes grupos de opções. Se alguém selecionar uma opção, como posso verificar a qual grupo de optários pertence? Por exemplo, se "ferrari" fosse selecionado, como você determinaria qual optgroup ele pertence?
Sinta-se à vontade para usar jQuery ou javascript bruto.
<select name="testSelect">
<optgroup label="fruits">
<option value="apples">Apples</option>
<option value="oranges">Oranges</option>
<option value="pears">Pears</option>
</optgroup>
<optgroup label="cars">
<option value="ford">ford</option>
<option value="toyota">toyota</option>
<option value="ferrari">ferrari</option>
</optgroup>
</select>