jquery-select2 - 在 Select2 事件中获取选中的选项，当可以选择多个选项时

Question

我怎样才能掌握<option>刚刚在听select2:select时选择的事件？请注意，这在使用单选时很简单，因为当仅选择一个选项时，该选项必须是刚刚选择的选项。我还希望能够找到在使用多选 ( <select multiple> ) 时刚刚选择的选项。

在 select2:unselect事件，未选中 <option>可通过 e.params.data.element 获得，但在 select2:select 中并非如此事件。我看不出 <option> 的原因应该不可用，因为它是在此时创建的。对于 select2:selecting事件，然而，<option>尚未创建，并且在触发事件时显然无法使用。

Answer 1

我已经使用以下内容来获取 Select2 中选择的当前值(适用于版本 4 及更高版本):

// single value
var test = $('#test');
test.on("select2:select", function(event) {
  var value = $(event.currentTarget).find("option:selected").val();
  console.log(value);
});

更新:多选值(有和没有最后选择)

// multi values, with last selected
var old_values = [];
var test = $("#test");
test.on("select2:select", function(event) {
  var values = [];
  // copy all option values from selected
  $(event.currentTarget).find("option:selected").each(function(i, selected){ 
    values[i] = $(selected).text();
  });
  // doing a diff of old_values gives the new values selected
  var last = $(values).not(old_values).get();
  // update old_values for future use
  old_values = values;
  // output values (all current values selected)
  console.log("selected values: ", values);
  // output last added value
  console.log("last added: ", last);
});