Не работает скрипт JS для
Не работает JS-код, в консоли не происходит абсолютно ничего, значение <select> просто становится пустым при нажатии.
Код прилагается. Если Вы запустите его на SO, то все будет отлично, но на сайте не работает должным образом. Если понадобится, скину ссылку.
document.addEventListener('DOMContentLoaded', function () { // При загрузке документа
let sel = document.querySelector('.select-filter'); // Получаем селект
let buttons = document.querySelectorAll('.button-value'); // Получаем кнопки с классом
buttons.forEach(function (c) { // Для каждой кнопки
c.onclick = function () { // Слушаем нажатие
sel.value = c.innerText; // Если нажата, то выбирает тот option, который в тексте кнопки.
}
})
}) .button-value {
display: block;
}
.select-filter {
margin-bottom: 40px;
}<select class="select-filter">
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
<button class="button-value">Значение 1</button>
<button class="button-value">Значение 2</button>
<button class="button-value">Значение 3</button>