Question

我正在为select元素使用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 ..

显示选项之上的选项

1 个答案: