如何在多个select2 jQuery插件中获取点击值？

<select id="select1" class="select2">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<select id="select2" class="select2">
  <option value="A">选项A</option>
  <option value="B">选项B</option>
  <option value="C">选项C</option>
</select>

$(document).ready(function() {
  $('.select2').select2(); // 将所有带有select2类的select元素转换为select2插件
  
  $('.select2').on('change', function() {
    var selectedValue = $(this).val(); // 获取当前select元素的选中值
    console.log(selectedValue); // 在控制台输出选中值
  });
});