Отслеживать изменения в форме?

Question

[grinvadim2016]

Вопрос по js. Как можно выводить выбранные параметры фильтра со значением в блоке: Вы выбрали. К примеру: цена от 60 руб. цвет красный, и т.д. Чтобы человек видел по чем идет фильтрация. Заранее спасибо.

Answer 1

[Владимир Коротенко]

Во vue например я выведу инфо бокс, в ваниле вы все обрабатываете сами фильтруйте события checked complete и прочее на элементах ввода

Answer 2

[Ilya Olovyannikov]

1. data- атрибуты
2. Классы-хелперы

Comments

[grinvadim2016]

$('.custom-control-input').change(function(){
	var el = $(this);
	if(el.prop('checked')){
	$('.filter-details-list').append('<div class="item added" alt="'+el.attr('id')+'"><div><span class="filter-details-item__info">'+ el.attr('alt') +'</span></div></div>');
	
	}
	else{
	$('.added[alt="'+ el.attr('id') + '"]').remove();
	}
	});

Пока сделал так, но могу отслеживать только чекбоксы, и только в реальном времени при перезагрузке, все пропадает. А как всю форму отслеживать, включая изменения значения input ui слайдером?