单击时触发 Select2

Question

我看过很多关于 select2 触发器的主题，但找不到适合我的案例的解决方案。我希望我的 select2 过滤器在用户单击它时立即加载一些数据。

这可能吗？我尝试这样做，它只在另一个选项被 selected 时起作用，而不是在 select 被点击时起作用。

谢谢！

例如，这适用于更改触发器：

$('#id_station').on('select2:select', function (e) {
   alert();
});

Answer 1

我正在使用 select2 版本 4.0.3，下面的代码对我有用

   $('#id_station').on('select2:select', function (e) {
   alert();
});

请检查下面的例子

(function($){
  $('#id_station').select2();
  
 
  $('#id_station').on('select2:select', function (e) {
   alert("Selected");
});

})(jQuery);

body{
  font-family: sans-serif;
}

.select2{
  width: 100%;
}

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

<select class="select2" id="id_station">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3" selected>Option 3</option>
  <option value="4">Option 4</option>
  <option value="5">Option 5</option>
  <option value="6">Option 6</option>
  <option value="7">Option 7</option>
</select>

单击时触发 Select2

Select2 trigger on click

javascript

triggers

click

jquery-select2