@Miron4ek_228

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

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

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

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

2. Я меняю форму через event.target, нормально ли это? Или стоит использовать document.form.name
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
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;
  }
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы