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

时间:2014-07-03 10:02:24

标签: jquery jquery-select2

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

示例:

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

要隐藏搜索框,我使用的代码是

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

小提琴链接:

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

1 个答案:

答案 0 :(得分:1)

你使用css执行此操作:

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

位置:绝对会将搜索框从其位置分离,并允许选项占据首位。

不透明度:0 会隐藏搜索框的外观。

z-index:-1 会使搜索框位于选项下方。因此,单击obove搜索框区域将单击选项而不是搜索框。