javascript - 选择值时 select2 提醒选择的选项

Question

在 select2 中，我如何提醒为多项选择选择的选项？

这是我在选择 select2 选项时触发的代码:

<script>
    $("#list").select2();

    $('#list').on("select2-selecting", function(e) { 
        alert(this.value);
    });     
</script>

这只会提醒已经选择的值。不是我选择的选项。

我也不能这样做:

var test = $('#list').val();
alert(test);

因为它只会提醒已经选择的选项。

我想要的是提醒仍在选择的选项。因此，如果您单击下拉菜单并选择一个选项，它将提醒该选项的值。

默认选择第一个选项。对不起，我忘了提这个

Answer 1

通过以下方式获取选定的值:

$(this).find('option:selected')

或者对于多个使用:

$(this).val();

像这样使用:

<script>
$('#list').on("select2-selecting", function(e) {
  var val = $(this).val();
  alert(val);
});
</script>

示例:

$("#list").select2();

$('#list').on("change", function(e) { 
  var val = $(this).val();
  alert(val);
});

#list {
width: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>

<select id="list" multiple>
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>