JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select-filter-item" data-hasqtip="3" oldtitle="Seleziona un tipo di servizio e filtra gli appuntamenti visualizzati sul calendario." title="" aria-describedby="qtip-3">
  <optgroup label="Servizi" type="services-group">
    <option type="provider">Tutti i trattamenti</option>
    <option value="5CFCA63F-5550-4F18-9C03-FC5B50FC67CC" type="service">Taglio capelli </option>
    <option value="B626AD6A-E59B-4D7A-875B-CE3389B11E69" type="service">Colore capelli</option>
    <option value="93003E75-A757-43F0-B2E8-C5ACDD57DBB3" type="service">Trattamenti viso</option>
    <option value="3E9924C3-6AEB-4450-B534-C06DC30F9E35" type="service">Massaggi corpo</option>
  </optgroup>
</select>

JavaScript

$("#select-filter-item").on("change",function() {
	console.log($(this).find(":selected").is("[value]"));
})