Question

When processing “change” event from a html select, i would like to get the last selected value/index.

For ex.

$('#mySelect').live('change', function(event){
       var idx = $(this).prop('selectedIndex');
});

idx keeps the value after change event triggers. I need the value that select had before event trigger.

Answer 1

Try something like this if you have multiple selects:

var select = $('#mySelect');
select 
    .data("lastIndex", select[0].selectedIndex)
    .live('change', function(event){
        var idx = this.selectedIndex;
        var prevIdx = $(this).data("lastIndex");

        // Alert prev and new index
        alert(prevIds + " - " + idx);

        // Alert prev value and new value
        alert($(this).find("option").eq(prevIdx) + " - " + $(this).find("option").eq(idx));

        // Set new index as old index
        $(this).data("lastIndex", idx);
    });