Question

我将select2 js（版本4）用于我当前的项目，我需要对blur select2 element事件执行操作。我的代码如下。

<div class="form-group">
   <label for="">Select all report Number(s)</label>
   <select class="js-example-basic-multiple js-states form-control" id="id_label_multiple" name="list" multiple="multiple">
      <option value=""></option>
         @foreach($reports as $item)
            <option value="{{$item->report_no}}">{{$item->report_no}}</option>
         @endforeach
   </select>
 </div>

javascript代码

$(".js-example-basic-single").select2({
     placeholder: 'Select Seller'                       
});
$("#id_label_multiple").on('blur', function () {
     alert('Call Blur Evenet');
});

其他活动正在完善，例如change。但模糊事件出了问题。

Answer 1

select2 v4文档不会将blur列为受支持的事件，但select2:close对我有效。

$("#id_label_multiple").on('select2:close', function () {
    alert('Call Close Event');
});

参考：https://select2.github.io/options.html#events

模糊事件在select2js中不起作用

1 个答案: