永久打开select2的下拉列表

Posted

技术标签:

【中文标题】永久打开select2的下拉列表【英文标题】:Open the drop down list permanently of select2 【发布时间】:2013-06-11 01:43:39 【问题描述】:

我正在使用 select2 进行多值选择。我需要永久显示下拉列表。

现在当我们选择或点击select2的输入框时,会显示下拉列表。我想知道是否有任何方法可以随时显示列表。

【问题讨论】:

【参考方案1】:

来自 select2 文档,here:

    $("#select").select2(
            closeOnSelect: false
    );

【讨论】:

谢谢@Terence,但如果我从 select2 的输入框中取消焦点,它将被隐藏。我需要保持下拉菜单始终打开。我正在通过检查 select2 的打开和关闭时的类来手动尝试,并会在那里编写一些关于更改功能的 jquery。 如果您的选择处于多选模式,closeOnselect 有效。请参阅文档【参考方案2】:

试试这个:

var list = $("#select").select2(
    closeOnSelect: false
).on("select2:closing", function(e) 
    e.preventDefault();
).on("select2:closed", function(e) 
    list.select2("open");
);

参考Click here

【讨论】:

以上是关于永久打开select2的下拉列表的主要内容,如果未能解决你的问题,请参考以下文章

防止 select2 在打开下拉列表时自动聚焦其搜索输入

Select2 下拉列表如何通过 AJAX 加载结果

动态填充 select2 下拉列表

在选择另一个 select2 下拉列表时重置一个 select2 下拉列表的元素

如何将唯一 ID 添加到 select2 下拉列表

使用 jQuery Select2 清除下拉列表