Как отловить изменение select в js или jquery?

Question

[Иван Лыков]

Добрый день, ребят, подскажите.
Есть две формочки - селекты

Как мне сделать такую вещь. При выборе значения в селектах, нужно поймать их значение.
Дальше делаю так

time_from.change( function(  ) {
		duration_time = time_from.val() + time_to.val();
		hour_duration.text(duration_time + 'hour' );

		totalPriceForHour = hour_price.data('id') * duration_time;
		hour_total.text(totalPriceForHour);
	});

	time_to.change( function(  ) {
		duration_time = time_from.val() + time_to.val();
		hour_duration.text(duration_time + 'hour' );

		totalPriceForHour = hour_price.data('id') * duration_time;
		hour_total.text(totalPriceForHour);
	});

Но ничего не ловится(((
Нужно что бы оно все это выбрало и посчитало, и вывело на форму для пользователя в качестве информации

Comments

[Lander]

time_from и time_to - это что такое?

[Иван Лыков]

Твой ночной кошмар, или одним словом магия:)

Answer 1

[BI0R0B0T]

Код у вас правильный по крайней мере если использовать jQuery, но проверьте всё ли переменные у вас присутствуют (не пишет ли в консоль что переменной не существует).
https://jsfiddle.net/vwhp7eac/14/

Answer 2

[Testing Tester]

Попробуй отлавливать что ты получаешь через console.log и иди по порядку. Т.е. Внутри функции например пропиши console.log(time_from.val()) И продвигайся дальше в зависимости от полученного результата

Comments

[Иван Лыков]

Так и сделал, начал банально заходить с body. Дело в том что у меня виджет и он перерисовывает форму в котором и находятся данный код . И получается что я делаю один раз перерисовку, а потом еще раз добавляю динамически элемент. Я как сделал, начал идти от самого основного родителя, и оно нашло сразу то что мне нужно.. Спасибо за совет