Показать сообщение отдельно
  #1 (permalink)  
Старый 14.10.2016, 10:01
Интересующийся
Отправить личное сообщение для kuliev Посмотреть профиль Найти все сообщения от kuliev
 
Регистрация: 14.10.2016
Сообщений: 10

Jquery многократно отправляет данные
Есть модальное окно с select. Есть табличка в ячейки которой есть ссылка при клики на которую всплывает модальное окно с формой. Далее выбираю нужное мне значение происходит событие change. В консоле вижу, что при первом change все происходит в штатном режиме, при втором, выполняется уже два раза change при следующем еще прибавляется.

Я хочу использовать Ajax но в итоге получается что отправляются сразу несколько запросов.

$(document).ready(function() {

		//Кликаем по ссылке
		$('.std').on('click', function(e){
			e.preventDefault();

			//Получаем данные атрибута data
			var id = $(this).attr('data-id');

			//Показываем модальное окно с формой
			$('#addEvent').modal('show');
			
			//Отлавливаем событие change 
			$('#sel').on('change',function(){

				//Получаем выбраный option из списка
				var stat = $('#sel :selected').val();
				console.log(stat);

				//Очищаем select, скрываем форму
				setTimeout(function(){
					$('#sel').val('');
					$('#addEvent').modal('hide');
									
				}, 1500);

			})
		});
		
	});

http://javascript.ru/forum/attachmen...d=147642841 1
Подскажите кто знает почему так происходит.
Изображения:
Тип файла: jpg ajax.jpg (111.4 Кб, 6 просмотров)
Ответить с цитированием