Select2 - 清除选项后禁用下拉菜单

Question

我正在使用 Select2 插件。我的问题很简单 - 我不想在清除选项时显示下拉列表。

这是我的代码：

<select class="select2-test" style="width: 20%;">
 <option value=""></option>
 <option value="option1">Option 1</option>
 <option value="option2">Option 2</option>
</select>

<script>
$('.select2-test').select2({
 placeholder: "Choose 1 option",
 allowClear: true
});
</script>

我试图从 select2.min.js 中删除这一行：

this.on("close",function(){a.$container.removeClass("select2-container--open")})

但它没有帮助 - 使用一次后下拉列表不会显示。任何帮助将不胜感激。 :)

Answer 1

劝你不要编辑原来的js文件夹。顺便说一句，你可以使用这个，点击触发：

$('select').select2("close");

或者你可以使用事件select2-removing or/and select2-removed，我认为这是一个更好的解决方案（根据需要使用 event.preventDefault 或 return false）。

Select2 - 清除选项后禁用下拉菜单

Select2 - disabling dropdown after clearing the option

twitter-bootstrap-3

jquery-select2