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

Question

$(document.body).on('change','.product-dropdown',function(){
   var selectVaule = $(this).val();
   if(selectVaule){
      alert(selectVaule+ 'select');
   }
});

上面的代码返回数组中的所有选定值.我只想在多个选择2上获得最新的点击值.

Answer 1

看看select2:select事件并使用event.params.data

还有一个select2:unselect.

$('select').select2()

$('select').on('select2:select', function(e) {
  var data = e.params.data;
  console.log(data.id);
  console.log(data.text);
});

$('select').on('select2:unselect', function(e) {
  var data = e.params.data;
  console.log(data.id);
  console.log(data.text);
});

<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/4.0.3/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css" rel="stylesheet" />

<select multiple="multiple">
  <option></option>
  <option value="1">foo</option>
  <option value="2">bar</option>
  <option value="3">foo bar</option>
</select>