@svilkov87

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

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

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

Спасибо.
  • Вопрос задан
  • 142 просмотра
Решения вопроса 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. Какие-то айди групп в фильтре. Вероятно они парсятся на сервере и используются для выборки в БД. Вам что-то определенное нужно оттуда вытащить? Это не лучший образец фасетного поиска, если ищете примеры для подражания посмотрите на яндекс маркет или амазон.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 21:25
5000 руб./за проект
28 нояб. 2024, в 18:46
3000 руб./за проект
28 нояб. 2024, в 17:46
10000 руб./за проект