javascript - Select2 多选空白选项始终选中

Question

我使用 select2 进行多选，当我第一次选择时，任何选项，空白选项中的空值总是被选中。
如果我在加载时不使用占位符第一个选项，则会出现另一个问题。

这是我的 html 代码(它包括一些 php):

<select class="form-control select2-multiple" name="category_id">
        <option></option>
        @foreach($instrument_category as $key=>$value)
            <option value="{{ $value }}">{{ $value }}</option>
        @endforeach
</select>

这是我的jQuery:

$(".select2-multiple").select2({
    'placeholder' : "Select Category",
    'multiple' : true,
    'defaultView': 'dropdown'
});

再次出现问题:第一次选择时选择了空白值。

给出的截图。

Answer 1

我有完全相同的问题。要解决它:
- 将多个属性添加到您的选择中(multiple="multiple")
- 删除空选项标签

就我而言，我动态创建下拉列表。所以我写了这段代码来修复它。

            $('#' + selectorId).attr('multiple', 'multiple');
            $("#" + selectorId + " option")[0].remove();

            $("#" + selectorId).select2({
                multiple: true,
                width: '100%',
                placeholder: "-- Select --"
            });