Question

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 ?

Answer 1

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
        });
    });
});