javascript – 如何使用jquery查找多选标签的最新选定项？

2019-07-15 10:35:53 阅读：143 来源： 互联网

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

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

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

解决方法:

要获取用户最后选择的内容,您可以执行此操作

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

标签：jquery,javascript,html-select
来源： https://codeday.me/bug/20190715/1466968.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 如何使用jquery查找多选标签的最新选定项？