Как узнать к какому optgroup относится выбранный option в
Есть такого типа select:
<select>
<optgroup label="samsung" data-type="samsung">
<option value="phone">phones</option>
<option value="tablet">tablets</option>
</optgroup>
<optgroup label="apple" data-type="apple">
<option value="phone">phones</option>
<option value="tablet">tablets</option>
</optgroup>
</select>При изменении значения, как я могу узнать к какому optgroup относится выбранный option? Будь то label или data-type - без разницы
В конечном итоге - это нужно для того, чтобы выбрать из массива все соответствующие данные.
Пример массива:
[
{
brand: 'apple',
type: 'phone',
model: 'iPhone 11'
},
{
brand: 'apple',
type: 'phone',
model: 'iPhone 12'
},
{
brand: 'apple',
type: 'tablet',
model: 'iPad 1'
},
{
brand: 'apple',
type: 'tablet',
model: 'iPad 2'
},
{
brand: 'samsung',
type: 'phone',
model: 'Galaxy 1'
},
{
brand: 'samsung',
type: 'phone',
model: 'Galaxy 2'
},
{
brand: 'samsung',
type: 'tablet',
model: 'Tab 1'
},
{
brand: 'samsung',
type: 'tablet',
model: 'Tab 2'
},
]