Question

我在应用程序中使用了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
          });
}

Answer 1

使用以下代码，这将对您有效。

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

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

签出此Codepen

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

1 个答案: