Question

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

有可能吗？我尝试这样做，它仅在选择了另一个选项时才起作用，而在单击选择时不起作用。

谢谢！

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

$('#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单击触发

1 个答案: