Javascript 保持Select2打开（从不折叠/允许大小属性）

注：我的示例在上

我有一个这样的列表框：

<select id="plain" size="3">
  <option value="first">First</option>
  <option value="second">Second</option>
  <option value="third">Third</option>
  <option value="fourth">Fourth</option>
</select>

但结果是：

---

我想获得这项荣誉，但我不知道该怎么做。有

关闭select:false

（from），但双击后仍会关闭。我的谷歌搜索功能非常强大。

它似乎不是select2库的一部分，但您可以使用一些javascript：

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

现在的问题是，select2并不是只显示你想要的3个项目（而是全部4个）。要解决此问题，您可以更改css（但必须说出打开菜单的确切高度）：

90px

就是您的例子。在不同的字体大小/字体系列/等中，可能会有所不同

要隐藏选择箭头，请执行以下操作：

.select2-selection__arrow {
    display: none
}

以下是对JSFIDLE的更新：

---

这正是我需要的，谢谢。我可以添加

.select2-selection\uu箭头{display:none}

？这将隐藏下箭头，它不再有功能。是的，我猜你会想要：）欢迎你更新我的答案，如果你想要的话，把它添加到那里：）

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

.select2-container--default .select2-results > .select2-results__options {
    max-height: 90px
}

.select2-selection__arrow {
    display: none
}