在选择的顶部显示选项

Question

我正在为选择元素使用 Select2 插件。我需要在选择选项上显示选择选项，所以我设置负边距来选择选项。选项显示在选择选项上，但它们没有保持打开状态。这可能是由于选择结果项上的onkeyup 事件而发生的。但我不知道如何解决这个问题。

这是我想要的示例：

HTML：

<select name="">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

JS：

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

CSS：

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

代码示例：http://jsfiddle.net/quark2014/YC3kt/4/

谢谢

Answer 1

我的第一步是使用 select2 事件：select2-selecting

下面的代码

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

       e.preventDefault();

  });  


});

JSBIN

但我们还是有问题 Orz..