in the code below, I need to get the ID of the element that has raised the event
$(document).ready(function () { $(".selectors").live('change', function () { $.post("GetCategoriesByParentId/", { ID: $(this).val() }, function (data) { var idd = $(this).attr('id'); //here }); }); }); but the idd is always 'Undefined'. Why ?
In the context of the $.post callback, the value of this will be set to something different to that of the live call. You'll need to cache the value of this:
$(document).ready(function () { $(".selectors").live('change', function () { var idd = this.id; $.post("GetCategoriesByParentId/", { ID: $(this).val() }, function (data) { // idd is now the id of the changed element }); }); }); The $(this) inside your .post function is not actually the current element in the set you're iterating through in the parent loop. Fix:
$(".selectors").live('change', function () { $thisElement = $(this); $.post("GetCategoriesByParentId/", { ID: $(this).val() }, function (data) { var idd = $thisElement.attr('id'); //here }); }); 