即使选择了某个值，jQuery / Select2 也会触发

Question

我将 Select2 用于下拉菜单，我想要做的是当下拉菜单中的某个值被选中以触发事件（例如警报）

我已经尝试了以下方法，但没有成功：

$(".js-dropdown").val(2)(function() {
  console.log("val2 selected")
});

和

$(function() {
  $('select').select2()
    .val("2", function(e) {
      console.log("value changed");
    })
});

我做错了什么？

---

我的选择2：

$(".js-dropdown").select2({
  placeholder: "Text",
  allowClear: false,
  closeOnSelect: false
});

Codepen

Answer 1

如果选择的值为2，则绑定change event处理程序并调用函数

var $sel = $(".js-dropdown");
$sel.select2({
  placeholder: "Text",
  allowClear: false,
  closeOnSelect: false
});

$sel.change(function() {
  if (this.value == 2)
    alert('2')
})

body {
  font-family: helvetica;
  font-weight: bold
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
<select class="js-dropdown" style="width: 220px;">
  <option></option>
  <option value="1">Dropdown-1</option>
  <option value="2">Dropdown-2</option>
  <option value="3">Dropdown-3</option>
  <option value="4">Dropdown-4</option>
  <option value="5">Dropdown-5</option>
  <option value="6">Dropdown-6</option>
  <option value="7">Dropdown-7</option>
</select>