Почему после смены option не присваивается selected?

Question

[Ex1st]

Есть простейший select. Хочу с помощью JQuery подтягивать значение или текст выбранной опции.

Но сделать этого не могу, потому что выбранной опции не присваивается selected, хотя должен делать это автоматически.

<select id="test_id" class="custom-select ik-select-destroy">
    <option>Выберите цвет</option>
    <option value="test_value_1">Тестовый цвет 1</option>
    <option value="test_value_2">Тестовый цвет 2</option>
</select>

Comments

[Антон Литвиненко]

а что значит не присваивается? вообще это работает так, что при отправке формы в name селекта, которого у вас и нету записывается значение текущего выбраного оптион

Answer 1

[Александр]

document.querySelector('#test_id').value
или
document.querySelector('#test_id').selectedIndex
или
document.querySelector('#test_id').selectedOptions

Comments

[Ex1st]

Спасибо за ответ, но не сработало.

1) Срабатывает только на 1ую опцию в списке, независимо от того, какая выбрана на самом деле.
2) Возвращает 0
3) Возвращает пустую коллекцию.

[Александр]

Ex1st, Давайте тогда в песочницу, потому как примеры я проверял.