Select 在选项顶部显示选项

我正在为select元素使用Select2插件。我需要在选择选项上显示选择选项，所以我将负边距设置为选择选项。选项显示在select choice上，但未保持打开状态。这可能是由于选择结果项上的

onkeyup

事件造成的。但我不知道如何解决这个问题

这就是我想要的示例：

HTML:

CSS:

代码示例：

---

谢谢

第一步是使用select2事件：select2 selecting

下面的代码

$(document).ready(function() {
  $('select').select2({
     minimumResultsForSearch: -1
  }).on('select2-selecting',function(e){

       e.preventDefault();

  });  


});

---

但是我们仍然有问题，谢谢你的帮助。但是，是的，还有另一个问题：(

$(document).ready(function() {
    $('select').select2({
        minimumResultsForSearch: -1
    });
});

.select2-drop {
    margin-top: -26px;
}

$(document).ready(function() {
  $('select').select2({
     minimumResultsForSearch: -1
  }).on('select2-selecting',function(e){

       e.preventDefault();

  });  


});