Как правильно получить все select, чтобы ими пользоваться?

Question

[Александр AS]

Не получается получить все селекты.
querySelectorAll, forEach - выдают ошибку.

Код

Comments

[Kovalsky]

"Как правильно получить все select" - вот так: document.querySelectorAll('select')

"querySelectorAll, forEach - выдают ошибку." - зашел в ваш пример, не вижу ошибок

[Александр AS]

Никита Полевой, вот у меня

selectBoxType = document.querySelectorAll('.form-control');

При изменении выдает ошибку:

Uncaught TypeError: Cannot read property 'undefined' of undefined

[Kovalsky]

Александр AS, в переменной selectBoxType в итоге есть нужные элементы?

[Александр AS]

Никита Полевой, да, есть

[Kovalsky]

Александр AS, значит по этой коллекции можно пройтись с помощью forEach:

selectBoxType.forEach(my_lovely_element => {
    console.log( my_lovely_element );
});

[Александр AS]

Никита Полевой, а можете сказать, что это за ошибка у меня в строке?

Uncaught TypeError: Cannot read property 'undefined' of undefined

Ругается на:

const selectBoxValue = selectBoxType.options[selectBoxType.selectedIndex].value;

, когда происходят изменения...

[Kovalsky]

Александр AS, не игнорируйте сообщение об ошибке, оно дает вам всю нужную информацию:

"Cannot read property 'undefined' of undefined"

const selectBoxValue = selectBoxType.options[selectBoxType.selectedIndex].value;

Т.к. в тексте ошибки фигурирует имя свойства "undefined", то я полагаю что selectBoxType.selectedIndex равно undefined. Проверьте.