jquery - SELECT2 AJAX - 成功调用后的操作

Question

我想在用户选择一个值后做一些动作，请告知这样做的方式。例如，一旦用户选择了“Apple”，我想提醒（'你以 15 美元的价格选择了 Apple'）等等。

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)

先感谢您 ;）

标签： jqueryjquery-select2

Answer 1

您可以使用select2:select事件：

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