Как можно переключиться между options по клику, с помощью JS?

Question

[Miron4ek_228]

Вот код - https://codepen.io/Menson/pen/xxPxPoB

Задача такова: необходимо переключаться между options по нажатию соответствующей кнопки.

1. Мой код подразумевает, что кол-во options известно заранее. Но, конечно, это никуда не годится, т.к. их кол-во всегда будет динамическое в дальнейшем. Я искал ответ, как можно решить этот вопрос, но похоже гуглить плохо получается.

2. Я меняю форму через event.target, нормально ли это? Или стоит использовать document.form.name

Answer 1

[0xD34F]

document.querySelector('form').addEventListener('click', ({ target: t }) => {
  let step = 0;
  if (t.classList.contains('btn-prev')) {
    step = -1;
  } else if (t.classList.contains('btn-next')) {
    step = 1;
  }

  if (step) {
    const select = t.closest('.section').querySelector('select');
    const optionsCount = select.options.length;
    select.selectedIndex = (select.selectedIndex + optionsCount + step) % optionsCount;
  }
});