JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<select id='myGroupSelect'>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

JavaScript

$(document).ready(function() {
  $('#myGroupSelect').change(function(){
     alert($('#myGroupSelect').val());
    var label = $(this.options[this.selectedIndex]).closest('optgroup').prop('label');
    alert(label);
  });
});