SELECT2 AJAX - Действие после успешного вызова

Question

Я хотел бы выполнить некоторые действия после того, как пользователь выбрал значение, пожалуйста, посоветуйте способ сделать это. Например, когда пользователь выбрал «Apple», я хочу предупредить («Вы выбрали Apple за 15 долларов») и т. Д. c.

JQuery

$("#dd1").select2({
  placeholder: "Search for fruit",
  minimumInputLength: 1,
  ajax: {
    url: "something.php",
    dataType: 'json',
    delay: 250,
    data: function(params) {
      return {
        str: params.term
      };
    },
    processResults: function(data) {
      return {
        results: data
      };
    },
    cache: true
  }            
});

что-то. php

$data = [
  ['id'=>'1','text'=>'Apple','price'=>'15'],
  ['id'=>'2','text'=>'Banana','price'=>'16'],
  ['id'=>'3','text'=>'Orange','price'=>'17']
]
return json_encode($data)

Заранее спасибо;)

Answer 1

Вы можете использовать select2:select событие:

$('#dd1').on('select2:select', function (e) {
   alert(`You picked ${e.params.data.text} for $${e.params.data.price}`)
});