javascript - 在更改事件中查找下拉列表中先前选择的值

Question

function LoadData(id) {
var employeeId = $.trim($("#employeeId").val());
var employeeType = $.trim($("#employeeType").val());

var obj = "";
var CityId = $.trim($("#ddlCity").val());
obj = new ViewModel1(employeeId, employeeType, 0, $.trim($("#DeptName").val()), "", "", $.trim($("#SectionName").val()), CityId);
var postedData = JSON.stringify(obj);

Loader();
$.ajax({
    //...........
    //...........
})

}

我有上述函数，我想获取元素#ddlCity中先前选择的值。上面的函数是从下面的行调用的。

@Html.DropDownGroupListFor(m => m.CityId, Model.GroupedTypeOptions, new { name = "ddlCity", id = "ddlCityName", @onchange = "javascript:LoadData(this.value)" })

var CityId = $.trim($("#ddlCity").val());正在为我提供下拉列表中新选择的 CityId。

那么如何获取之前选择的值的 CityId 呢？

Answer 1

不妨发表我的评论作为答案(也:)。

让 onchange 将新值存储为 select 元素上的 data- 属性/数据存储。然后您可以在后续更改中选择它。

例如http://jsfiddle.net/TrueBlueAussie/bLc12tu0/

$(".selector").change(function() {
    // Get the previous value (if any)
    var prev = $(this).data("prev");
    // Store the new value for next time
    $(this).data("prev",$(this).val());

    $('#output').html(prev);
}).each(function(){
    // Also save any initial dropdown value as the previous value (for each select)
    $(this).data("prev", $(this).val());
});