Добрый день. Есть список select из динамически заполняющимися элементами option. К этому списку добавлен поиск, путем получения массива элементов, его фильтрации и возврата нового массива, который удовлетворяем условиям. Все хорошо, но есть одно НО, если в списке остается 1 элемент подскажите как получить его value?
Т.е если в поиске ввести "ха" в списке будет только Харьков, вот тут нужно получить его value чтоб на основе этого подгрузить улицы города.
Буду очень благодарен за помощь
https://codepen.io/Copermaine/pen/dyzQOEN?editors=1011
<input autofocus type="text" id="select_filter" placeholder="Введи текст для поиска" />
<select name="select" id="select_region" class="geo_select">
<option value="" hidden>Оберіть регіон</option>
<option value="1" >Харьков</option>
<option value="2" >Хмельницк</option>
<option value="3" >Хмарцизк</option>
</select>
const regionSelect = document.getElementById('select_region');
const regionFilter = document.getElementById('select_filter');
const optionsArray = [...regionSelect.options];
regionFilter.oninput = function(e) {
const val = this.value.trim();
const regexp = new RegExp(val, "ig");
regionSelect.options.length = 0;
optionsArray.forEach(elem =>{
if (elem.innerText.search(regexp) !== -1){
regionSelect.appendChild(elem);
}
})
};