Выбор текущего select jquery?

Question

[Дмитрий]

Здравствуйте!
Есть несколько div блоков с данными:

<div id="active_filter">
		<div class="each_filter_name"></div>
		<select id="filters_field">
            <option data-option="4681899">Первый</option>
            <option data-option="4681900">Второй</option>
          </select>
		<div class="add_attirbute" data-id="{@id}">		
			<img src="/images/cms/admin/mac/ico_add.png" style="position: absolute;top: -12px;right: 0px;"/>	
		</div>
	</div>

Соответственно по выбору и клику выполняется событие:

$('#active_filter .add_attirbute').on('click', function() {
		var selVal = $('#filters_field option:selected').data('option');
		var pageId = $(this).data('id');
		console.log(selVal);
		jQuery.ajax({
				url: 'setOptionObject.json?option='+selVal+'&id_page='+pageId,
				dataType: 'json',
				success: function (data) {
					$('.each_filter_name').append(data.result);
				}
			});
	});

Но получается что, у меня действие применяется ко всем элементам #filters_field а не к конкретному выбраннному, как решить данную задачу?

Answer 1

[Дмитрий]

Решил вопрос переменной:

var selVal = $(this).prev().find('option:selected').data('option');

Answer 2

[Павел Тузов]

var selVal = $(this).children('option:selected').data('option');

Comments

[Дмитрий]

да только у меня событие срабатывает на кнопке .add_attirbute, которая не является родителем!