JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<select id="daily_order_kitchen_id" class="form-control">
    <optgroup label="Default Kitchen">
        <option selected="selected" value="8">Ondricka LLC</option>
    </optgroup>
    <optgroup label="Around The World Kitchens">
        <option value="11">Erdman and Sons</option>
        <option value="12">Franecki, Ryan and Homenick</option>
        <option value="13">Jacobi-Sawayn</option>
        <option value="14">Toy, Hane and Zboncak</option>
        <option value="15">Bauch, Dach and Kihn</option>
    </optgroup>
</select>

JavaScript

var selectedKitchen = $("#daily_order_kitchen_id option:selected").val();
var arr = [];
$('#daily_order_kitchen_id optgroup[label="Around The World Kitchens"] option').each(function () {
    arr.push($(this).val())
});
console.log(selectedKitchen);
console.log(arr);