javascript - 如何使用 jquery 查找多选标签的最新选定项目?

标签 javascript jquery html-select

我有一个 <select multiple="multiple" id="multi">在我的网站上,我在 jquery 中有一个具有此功能的脚本:

$("#multi").on("change",function(){}) 

我想访问 select 的最新选定项目在此功能(用户选择的最后一个)中,我该怎么做?

最佳答案

要获取用户最后选择的,可以这样做

var map = $("#multi").on("change",function(){
    var comp = $("#multi option:selected").map(function() {
            return this.value;
        }).get(),
        set1 = map.filter(function(i) {
            return comp.indexOf(i) < 0;
        }),
        set2 = comp.filter(function(i) {
            return map.indexOf(i) < 0;
        }),
        last = (set1.length ? set1 : set2)[0];

    map = comp;

    // "last" contains the last one selected /unselected

}).find('option:selected').map(function() {return this.value}).get();

FIDDLE

关于javascript - 如何使用 jquery 查找多选标签的最新选定项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25397732/

相关文章:

JavaScript 解析 href 并添加 onclick(如果链接到 PDF)

javascript - 针对 IE 8 及以下版本?

javascript - 是否可以自定义 jQuery 如何序列化 AJAX url 参数?

html - jquery mobile - 设置选择/选项值

html-select - 使用 TeaVM Flavor 的动态选项列表进行选择

javascript - 使用 EventEmitter 而不是回调?

javascript - jQuery Javascript 图像放大镜

jquery.each 多维数组

javascript - 通过dropzone上传图片后,访问父div

javascript - 使用map jquery获取数组中的选项值