jquery – select2 – 为输入和下拉菜单设置不同的宽度

前端之家收集整理的这篇文章主要介绍了jquery – select2 – 为输入和下拉菜单设置不同的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Select2 3.3.2

我有很长的选择在选择。
例:

<select id="e1">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="WY">very long long long text</option>
<option value="WY">very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long text</option>
</select>

目的是避免在下拉菜单打开时包装选项。

我想为下拉菜单设置长宽度(例如 – 800px,甚至自动评估宽度)。

但是当下拉菜单关闭时(例如300px),保持输入宽度较小。

我跟着这个“Add option to set dropdown width”的select2。

但我不能让它工作,选项/下拉菜单的宽度是相同的输入的宽度和选项包装到多行。

这里是我的问题在jsfiddle – http://jsfiddle.net/ewwAX/的演示

谢谢大家提前帮忙。

解决方法

您使用的属性不是用于控制下拉宽度。您可以使用dropdownCssClass属性

Here’s a demo in jsFiddle

JavaScript:

$(document).ready(function() { 
    $("#e1").select2({dropdownCssClass : 'bigdrop'}); 
});

CSS:

.bigdrop {
    width: 600px !important;
}

猜你在找的jQuery相关文章