javascript - 单击双列表按钮上的移动/删除时如何获取值 - JQUERY

Question

如何在 duallistbox 上获取单个值而不是所有选定值，这是我迄今为止尝试过的方法

$(document).on("click", ".move", function(){
    alert( $(".agentItems").val() )
});

$(document).on("click", ".remove", function(){
    alert( $(".agentItems").val() )
});

但我想要一个基于他选择的选项(移动/删除)的单一值，所以如果我想移动 One, wand , 我会得到 <option value="1">One, Wand</option>或 1在 alert()并非所有已选择

这是JSFIDDLE:http://jsfiddle.net/sdxaV/19/

这是我用过的 DUALLISTBOX:http://www.virtuosoft.eu/code/bootstrap-duallistbox/

编辑 1

测试我的jsfiddle，尝试移动One, wand那么你会得到值(value)1,2,4相反 1 , 请需要帮助如何获得移动的值。

Answer 1

使用它，感谢@GNi33，这是http://jsfiddle.net/sdxaV/26/

var result = $(".agentItems").val();

console.log(result);

$(document).on("click", ".move", function(){
    var diff = arr_diff(result, $(".agentItems").val());

  console.log(diff);

  result = $(".agentItems").val();
});

$(document).on("click", ".remove", function(){
  var diff = arr_diff(result, $(".agentItems").val());

  console.log(diff);
  result = $(".agentItems").val();
});


function arr_diff (a1, a2) {

        a1 = a1 || [];
    a2 = a2 || [];

    var a = [], diff = [];

    for (var i = 0; i < a1.length; i++) {
        a[a1[i]] = true;
    }

    for (var i = 0; i < a2.length; i++) {
        if (a[a2[i]]) {
            delete a[a2[i]];
        } else {
            a[a2[i]] = true;
        }
    }

    for (var k in a) {
        diff.push(k);
    }

    return diff;
};