在select2中默认显示前5个选项

问题描述 投票:0回答:1

我正在尝试在呈现select2时将前5个选项显示为默认值。

Select countries
____________

America
Canada
England
France
Spain

我将其设置为多个并使用了选择,因此它可以显示,但不像上面那样简单。

如何设置这样?

我使用了open选项,因此它像上面一样显示它们。

$('#id').select2('open')

但是,当我单击屏幕上的任何位置时,它都会关闭。我如何一直保持打开状态?

jquery-select2 dropdown
1个回答
0
投票

让我们说您的下拉HTML如下:

<select multiple="multiple" id="s1" style="width: 300px">
        <option value="1">America</option>
        <option value="2">Canada</option>
        <option value="3">England</option>
        <option value="4">France</option>
        <option value="5">Spain</option>
</select>


如果您希望始终保持打开状态,则可以使用以下代码。这样可以通过覆盖回调方法来防止关闭。

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


list.select2("open");
});

请参阅工作中的JSFiddle

© www.soinside.com 2019 - 2024. All rights reserved.