jQuery: trouve le & lt; optgroup & gt; pour une valeur sélectionnée dans un & lt; sélectionnez & gt; élément

J'ai un menu déroulant avec différentes option de groupes. Si quelqu'un choisit une option, comment puis-je vérifier ce qui "optgroup" il appartient? Par exemple, si "ferrari" ont été sélectionnés, comment voulez-vous déterminer qui "optgroup" il appartient?

N'hésitez pas à utiliser jQuery ou raw 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>

source d'informationauteur Don P