Сортировка с масонри, проблема с указанием действия?

Question

[cupacabka]

Добрый вечер, суть проблемы следующая. Есть блок с карточками, сделал их фильтрацию по нажатии кнопки, фильтрует по цене. Но необходимо делать их фильтрацию не по нажатию кнопки, а по выбору определённого меню в селекте. Не могу привязать это действие с фильтрацией к селекту. Может кто подскажет https://codepen.io/neverwinternights/pen/NWbRqqa

Comments

[cupacabka]

Там еще и кастомный селкет, отсюда все проблемы. Получается такой код https://codepen.io/neverwinternights/pen/NWbRqqa

Answer 1

[Lord_Dantes]

В option вместо атрибутов записывайте в value нужный вариант сортировки.
В js получаете значение не атрибута data-sort (потому-что его нету у селекта), а текущее значение. Поменяв код ниже на свой в кодпене - получите нужный вам результат.

<select name="form[]" class="catalog-header__select">
				<option value="1" data-sort="*" selected="selected">Показать все туры</option>
				<option class="price-sorting" data-sort="price" value="price" >Сортировать круизы по цене</option>
				<option data-sort="time" value="3">Сортировать круизы по времени</option>
			</select>

document.querySelectorAll('.catalog-header__select').forEach(el => {
	el.addEventListener('change', (e) => {
		let sort = el.value;
    console.log(sort);

		iso.arrange({sortBy: `${sort}`});
	});
});

Comments

[cupacabka]

Спасибо за ответ. Там как выяснилось проблема не только в значении data-sort, там проблема в том еще, что селект кастомный. Я нашел где то раньше код кастомного селекта, который билдился с помощью дивов и можно было его с легкостью полностью стилизовать. И вот сейчас вылезла проблема с тем, что добраться до value я просто не могу. Так как это значение не у самих option, а в дивах, которые формируются яваскриптом. И вот добраться до них и получить их велью я не могу, пытаюсь указать их, то в консоли ошибка что не могу получить значение Uncaught TypeError: Cannot read property 'addEventListener' of null/ Что делать даже и не знаю

[cupacabka]

Вот такой код в со всем получается https://codepen.io/neverwinternights/pen/NWbRqqa и как добраться до дивов с велью я не знаю