Задать вопрос
@svilkov87

Как реализуется подобный фильтр?

Доброго времени суток!
На этой страничке имеется фильтр "Подобрать товар по параметрам".
Фильтр данных происходит при клике непосредственно по тегам option. В консоли вижу, что есть обработка события на JS (onchange).
Но кроме этого в тегах option есть нечто вроде
<option value = "?set_filter=Y&arrFilter_284_592535737=Y&284=Y"

Не поможете составить полную картину того, как все происходит?
1. Нет кнопки, например "применить фильтр". Как происходит фильтр только при клике по тегам option?
2. Что за параметры применяются в option value = " ... "? GET?

Спасибо.
  • Вопрос задан
  • 144 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 2
kulakoff
@kulakoff
Vue.js developing
Срабатывает событие onChange на элементе:
onchange="window.location.href=this.options[this.selectedIndex].value"


В итоге сайт переходит на страницу с указанным урлом, т.е. срабатывает get с параметрами, указанными в <options value="...">
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
1. Кнопки нет, но вы жа сами уже нашли обработчик change.

2. Какие-то айди групп в фильтре. Вероятно они парсятся на сервере и используются для выборки в БД. Вам что-то определенное нужно оттуда вытащить? Это не лучший образец фасетного поиска, если ищете примеры для подражания посмотрите на яндекс маркет или амазон.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы