@offsiderst

Как фильтровать данные после клика на кнопку?

сделали какой -то выбор в селекте
и нажимаем кнопку поиск - ненужные блоки удаляем
после выбора все - возвращаем
https://jsfiddle.net/vhjcdpsa/1/
  • Вопрос задан
  • 127 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('.btn--start').addEventListener('click', filterItems);
document.querySelector('select').addEventListener('change', e => e.target.value === 'all' && filterItems());

function filterItems() {
  const val = document.querySelector('select').value;

  document.querySelectorAll('.item').forEach(n => {
    n.style.display = [ n.dataset.elem, 'all' ].includes(val)
      ? 'block'
      : 'none';
  });
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS


Сделал для блока. Остальное по аналогии.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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