SELECT2 AJAX - 调用成功后的动作

Question

我想在用户选择一个值后做一些动作，请指教方法。例如，一旦用户选择 "Apple"，我想提醒 ('You picked Apple for ') 等

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
  }            
});

something.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}`)
});

SELECT2 AJAX - 调用成功后的动作

SELECT2 AJAX - Action after success call

jquery

jquery-select2