javascript - Select2 从多个中获取删除的值

Question

我使用的主题有 select2 版本 3.4.3。我想获取删除的值ID，所以我尝试使用:

$('#mymultiple').on("select2:removed", function (e) {
    console.log(e.val);
})

但它没有检测到该事件。然后，我测试了:

$('#mymultiple').on("select2:unselect", function (e) {
    console.log(e.val);
})

但它给了我一个未定义的值，尽管该对象有一些信息:

$('#mymultiple').on("select2:unselect", function (e) {
    console.log(e);
})

Object { type: "select2:unselect", params: Object, timeStamp: 1473273802173, jQuery18308796073916839738: true, isTrigger: true, exclusive: undefined, namespace: "", namespace_re: null, result: undefined, target: , ...}

我必须使用这个版本，因为我需要使用模板项目给出的样式(我测试了3.5.3，removed工作正常，但我无法正确导入样式)。那么如何从多重选择中获取删除的值呢？

Answer 1

3.4.3中的事件是“removed”而不是“select2:removed”

(通过查看select2 v3.4.3 source code找到它)

$(document).ready(function() {
  $('#mymultiple').select2({
    placeholder: 'pick items'
  });

  $('#mymultiple').on("removed", function(e) {
    alert(e.val);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.3/select2.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.3/select2.css" rel="stylesheet" />
<select id='mymultiple' multiple>
  <option value='one'>One</option>
  <option value='two'>Two</option>
  <option value='three'>Three</option>
</select>