用于从@Html.DropDownListFor asp.net mvc获取上次更改的值的JQuery多选下拉列表框

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

@Html.DropDownListFor(model => model.SelectedValues, Model.AvailableValues, new { multiple = "multiple", id = "myDropdown" })

$(document).ready(function () {
    var previousValues = [];

    // 获取初始选中的值
    $("#myDropdown option:selected").each(function () {
        previousValues.push($(this).val());
    });

    // 监听下拉列表框的change事件
    $("#myDropdown").change(function () {
        var currentValues = [];

        // 获取当前选中的值
        $("#myDropdown option:selected").each(function () {
            currentValues.push($(this).val());
        });

        // 判断上次更改的值
        var lastChangedValue = "";

        for (var i = 0; i < previousValues.length; i++) {
            if (!currentValues.includes(previousValues[i])) {
                lastChangedValue = previousValues[i];
                break;
            }
        }

        // 更新上次更改的值
        previousValues = currentValues;

        // 在控制台输出上次更改的值
        console.log("上次更改的值：" + lastChangedValue);
    });
});