Select2:如何使列表不包含在下拉列表和多选中

Posted

技术标签:

【中文标题】Select2:如何使列表不包含在下拉列表和多选中【英文标题】:Select2: how to make list not wrap in dropdown and multiple selection 【发布时间】:2017-11-20 08:34:36 【问题描述】:

由于我的 Select2 下拉列表默认行为会根据选择调整宽度并弄乱我的框架,我希望它不要换行。 我尝试了几种组合都没有结果(见下文)

var $select1 = $('<select/>', 
    //'class': "form-control",
    'class': displaySearchClass,
    'id': cbxID1,
    //'width': largeurMenu,
    'multiple': 'multiple',
    //'white-space': 'normal!important',
    //'dropdownAutoWidth' : 'true',
    //'overflow': 'hidden',
    //'text-overflow': 'ellipsis',
    //'white-space': 'nowrap !important',
);

下面是我的问题的屏幕截图以及我希望它看起来像的另一个 Default behavior

What I want to achieve

【问题讨论】:

【参考方案1】:

试试这个:

$("#myselect").select2( width: '100%' );

From

【讨论】:

以上是关于Select2:如何使列表不包含在下拉列表和多选中的主要内容,如果未能解决你的问题,请参考以下文章

如何从select2多选中的选项列表中删除选定的选项并按选择的顺序显示选定的选项

如何将模型数据加载到在 Yii 中使用 Ajax 过滤的 Select2 下拉列表

如何使select2插件下拉框多选并获取选中的值

如何使select2插件下拉框多选并获取选中的值

jquery Select2 Ajax - 如何设置值(initSelection)

如何在select2下拉列表中换行?