jquery function

Question

Hello id like to get the current element firing this event inside the event,

Ideally I need the id, selected value and class, Thanks in advance

$(document).ready(function () {

    $("#positions select").live("change", function () {

       var id = $("#category_id").val();
        //var id = this.val();
        alert(id);
        $.getJSON("/Category/GetSubCategories/" + id, function (data) {
            if (data.length > 0) {

                alert(data.length);
                var position = document.getElementById('positions');
                var tr = position.insertRow(7);
                var td1 = tr.insertCell(-1);
                var td = tr.insertCell(-1);
                var sel = document.createElement("select");
                sel.name = 'sel';
                sel.id = 'sel';
                sel.setAttribute('class', 'category');

                // $("positions select").live("change", function () {
                //});

                td.appendChild(sel);
                $.each(data, function (GetSubCatergories, category) {
                    $('#sel').append($("<option></option>").
           attr("value", category.category_id).
          text(category.name));

                });
            }

        });
    });
}); 

Answer 1

$("#positions select").live("change", function () {
    var selectedVal = $(this).val(); 
    var id = $(this).attr('id'); // or this.id
    var class = $(this).attr('class');
    ...

is that what you mean?

Use .attr() to get or set element attributes.

To get a select field's selected value(s) use .val()