jquery - select2 - 为输入和下拉设置不同的宽度

标签 jquery css select 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>

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

我想在打开时为下拉菜单设置长宽度(例如 - 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/

相关文章:

jquery - 动态添加 DOM 元素后,轨道 slider 无法设置动画

javascript - 在事件 <li> 上更改图像

mysql 选择所有满足第一个和第二个最低值的行?

mysql select查询两个表

select - Firebird 中的简单选择失败

jquery - 在 MVC 上使用渲染部分脚本

jQuery UI 按钮和 anchor 标记

javascript - 缩放嵌入内容以适合窗口? Flash 或 HTML5 视频

javascript - 仅显示列表的一部分 - 切换 View 的按钮

html - 我如何在内存数据库中使用我的 Ionic 应用程序