Обработчик change на select срабатывает только один раз почему?

Question

[Ellik]

Собственно вот сам ajax, который принимает значения опшена.

$('#catalog-sort').change(function() {
		var valueSort = $('#catalog-sort').val();
		$.ajax({
			type: "POST",
			url: window.location.href,
			data: {ajaxData: {sort :valueSort}},
			success: function(data){
				$("#content").empty();
				$("#content").html(data);
			}
		});
		return false;
	});

Answer 1

[Александр]

#catalog-sort внутри #content, я полагаю. При подгрузке контента, все dom-элементы и их события перезаписываются. Используйте делегирование.

api.jquery.com/on

#('#content").on('change', '#catalog-sort', function() { 
...
});

Comments

[Ellik]

Блин, спасибо большое и как я не заметил. Просто пора отдохнуть, видимо)

[Ellik]

а как после выполнения ajax оставить выбранным option? я добавляю valueSort.attr("selected", "selected"); но он перезаписывается и остается все равно первый option

[Александр]

Ellik: в идеале - вынести поле за пределы контейнера, в который подгружается содержимое. В вашем случае, в success-обработчике, после загрузки контента задайте прежнее значение подгруженному select'у
$('#catalog-sort').val(valueSort);