即使没有显示选项，select2 工具中的搜索框也会显示？答案

【问题标题】：search box in select2 tool is showing up even there are no options to display?即使没有显示选项，select2 工具中的搜索框也会显示？
【发布时间】：2018-11-28 05:03:48
【问题描述】：

我在我的应用程序中使用了 select2 工具，当有足够的选项可以显示时，它可以正常工作。我有一种情况，有时选项可能为空，此时我需要抛出警告文本或警告，而不是显示空白的 select2 搜索框？

有没有办法做到这一点，我尝试隐藏搜索框并禁用它，但那里仍然显示空的搜索框。

html

<select class="js-example-basic-multiple" id="FirstSelect" name="firstselectbox" multiple="multiple"></select>

.js 文件

if (options.length == 0) {
          $("#alerttext").text("No options to display");
          $("#FirstSelect").prop("disabled", true);
          $('#FirstSelect').hide();
          $("#FirstSelect").select2({
            minimumResultsForSearch: -1
          });
}

【问题讨论】：

您提供的 JavaScript 代码是不是不起作用？我认为它应该工作。如果没有，则隐藏 select 的容器，并且当 option 为空时，不要调用 select2 函数。
不，javascript sn-p 不起作用，好吧，我会尝试你提到的方式。

标签： javascript jquery html jquery-select2

【解决方案1】：

使用下面的代码，这应该适合你。

var select2 = $("#FirstSelect").select2();
var listValue = $("#FirstSelect")[0].length;

if (listValue == 0) {
    select2.onSelect = (function(fn) {
        $(".select2-search").hide();
    })(select2.onSelect);
}

看看这个Codepen

【讨论】：