我正在尝试在呈现select2时将前5个选项显示为默认值。
Select countries
____________
America
Canada
England
France
Spain
我将其设置为多个并使用了选择,因此它可以显示,但不像上面那样简单。
如何设置这样?
我使用了open选项,因此它像上面一样显示它们。
$('#id').select2('open')
但是,当我单击屏幕上的任何位置时,它都会关闭。我如何一直保持打开状态?
让我们说您的下拉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