How to save data for previous selected value in a drop down list (before change) in jquery

Question

It would be little complicated. Suppose I have a select list with items as status.I select a status and do some modification in the page, when I change to different status all the modificatiions which I did for previous selected status should be saved and send to a servlet. I was trying to do using change() , but it was taking current select field. and Also page relaods when status from the select is is changed thats y all the previous selected fields value also get lost.

Do anyone have ides of how to do it using jquery/Javascript as if I get the value I can pass to the servlet.

Basically I work on component based java using Apache Click framework. If some can relate with that too it would be great help too.

Answer 1

Try storing the values in a cookie with the jQuery $.cookie plugin and updating the cookie on change(). You can then access the latest cookie value.

I hope this helps!

Answer 2

basically you need to store the previous value yourself and keep track of it, something like that:

var $selectElement = $("#selectElement");

$selectElement.change(function () {
    var previousValue = $selectElement.data("previous");

    //do something with previous value

    $selectElement.data("previous",
        $selectElement.find("option:selected").val);
}).change();

a quick example http://jsfiddle.net/dCkwd/