Question

我正在使用select2在我的SharePoint搜索页面上将dropdownautowidth设置为true，并且它首次在页面加载时完美运行。在我搜索某个关键字后，页面会加载搜索结果，然后dropdownautowidth不会以某种方式设置为true。我在$('#ddlCategory').select2({dropdownAutoWidth : true});函数上使用了document.ready语句。

感谢任何帮助。

Answer 1

这对我有用：

$('select').select2({
    dropdownAutoWidth : true,
    width: 'auto'
})

Answer 2

你需要引用它，例如：

$('#ddlCategory').select2({dropdownAutoWidth: 'true'});

这适合我。

Answer 3

在select2 4.0.0中，这对我来说也不起作用。我使用此解决方法：

$('select').select2();

css：

select + .select2-container {
  width: 100% !important;
}

Answer 4

我只是将参数width: 'auto'放在函数调用上，然后就可以了。

$('#months').select2({
    width: 'auto',
    allowClear: false,
    height: '100%',
});

Answer 5

调整.select2-container课程的CSS从display: inline-block;到display: block;为我工作。

Answer 6

这些添加以下行：

.select2-icon-result {
    display: flex;
    flex-flow: row nowrap;
}

在我的主要css文件中解决了“如何在autocomplete.ModelSelect2中应用空白：nowrap”的问题。：

Answer 7

我在这里尝试了所有解决方案，但有效的是：

width: '100%'

或

width: 'style'

，并将样式属性添加到select元素，至少包含width:100%。

select2下拉列表自动宽度无法正常工作

7 个答案: