jquery - 隐藏搜索框但允许在 select2 中搜索

Question

有没有办法隐藏 select2 js 中的搜索框，但允许像普通选择框中一样的搜索选项？

示例:

在键盘中输入“s”，它应该移动到以“s”开头的结果(选择框选项)。

为了隐藏搜索框，我使用的代码是

$(document).ready(function() {  
     $(".my_country").select2({minimumResultsForSearch: -1});
});

fiddle 链接:

http://jsfiddle.net/vfv62/2/

Answer 1

你使用CSS来做到这一点:

.select2-search {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

position:absolute 会将搜索框从其位置分离，并允许选项占据顶部位置。

opacity:0 将隐藏搜索框的外观。

z-index:-1 将使搜索框位于选项下方。因此，单击上面的搜索框区域将单击选项而不是搜索框。