jQuery: найдите <optgroup> для выбранного значения в элементе <select>
У меня есть выпадающее меню с различными группами опций. Если кто-то выбирает опцию, как я могу проверить, к какой оптгруппе она принадлежит? Например, если вы выбрали «ferrari», как бы вы определили, к какой группе он принадлежит?
Не стесняйтесь использовать jQuery или сырой javascript.
<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>