我正在使用 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>
目的是避免在打开下拉菜单时包装选项。
我想在打开时为下拉菜单设置长宽度(例如 - 800 像素,甚至是自动评估的宽度)。
但要在关闭下拉菜单时保持输入宽度较短(例如 300px)。
我关注了这个"Add option to set dropdown width" select2 的问题。
但我无法让它工作,选项/下拉列表的宽度与输入的宽度相同,并且选项被换行到多行。
这是我在 jsfiddle 中的问题演示 - http://jsfiddle.net/ewwAX/
预先感谢大家的帮助。
最佳答案
Select2 包含“dropdownAutoWidth”参数,该参数使用 javascript 尝试为下拉内容提供足够的宽度。
$('#whatever').select2({dropdownAutoWidth : true});
这至少适用于 Select2 3.4.3 - 我不知道它是在多久之前引入的。
关于jquery - select2 - 为输入和下拉设置不同的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16519233/