我喜欢https://github.com/ivaynberg/select2中的 select2 框， 我使用 format: 选项来格式化每个元素，它看起来很棒。

一切都很好，除了所选元素由于图像而大于选择框的高度。

我知道如何改变宽度，但是如何改变高度，以便在选择元素后，它显示完整的东西（大约 150 像素）

这是我的启蒙：

这是我的选择框

澄清：我不希望更改每个选项的高度 我正在寻找选择框以在选择孩子后更改高度。

因此，当页面首次加载时，它会显示“未选择孩子”当您单击下拉菜单并选择一个孩子时，您会看到孩子的图像。现在我需要选择框来展开！否则孩子的照片就被剪掉了。

有人明白吗？

我需要帮助编写 jquery/ajax 来填充Select2下拉框。

对于那些不知道Select2是什么的人，它是一个 javascript 扩展，用于为 html 选择列表下拉框提供 Twitter Bootstrap 外观和搜索/提前输入功能。有关更多信息，请查看此处的示例：Select2 Github 页面

所以我终于把这一切放在一起，我的问题的解决方案是我缺少格式化结果和列表选择的函数。下面的代码完美地生成了一个功能正常的Select2 Dropbox。

控制器上的 Json 方法：

上面的 Json 控制器方法返回一个序列化的 Json 对象列表，其 ItemName 包含提供的字符串“查询”（此“查询”来自Select2下拉框中的搜索框）。

下面的代码是视图中的 Javascript（或您喜欢的布局），用于驱动Select2下拉框。

Javascript：

然后在视图的主体中，您需要一个隐藏的 Input 元素，Select2会将 Dropbox 呈现到该元素。

html:

或者将 MVC Razor html.hidden 元素附加到您的视图模型，以使您能够将选择的项目 Id 发布回服务器。

Html（MVC 剃刀）：

我正在使用带有 ajax 调用的 select2 插件来获取使用隐藏字段的选择框。在我的页面上，我有一个添加按钮，可将另一个选择框添加到页面中。我试图让 select2 插件在这个插入的字段上工作。我也尝试过“开”的方法..

但是这样即使在最初加载的字段上也会停止工作。如果我删除“打开”功能，它不适用于添加的内容。

这是我用来附加到我的表单的基本代码..

我一直在使用 select2 插件一段时间，直到现在它是完美的。

我有一个页面，其中包含 3 个正在加载数据且运行良好的选择，以及弹出窗口内的多个选择。它们看起来不错，但您不能在搜索字段上写字。在主页上搜索运行良好，所以我无法弄清楚是什么问题..

我正在使用用于弹出窗口的 blockUI 插件。我已经尝试过 z-index，销毁并在 blockUI 函数的回调上启动插件，但没有任何效果，我不知道为什么。

编码：

Select2 成功加载列表中的所有项目，这是我在页面加载时尝试选择特定值时发现的问题。例子：

:: 将 select2 放在特定的 html 元素中，即使加载了所有项目，也不会选择任何值。

:: 加载页面时，我试图显示选定的特定项目，但不能按预期工作，因为即使选择了，select2 也不会显示它。

如何在页面加载时弹出选定的选项？

提前致谢。

更新

:: 我如何加载所有 select2 项目（对不起，它的玉，不是纯 HTML）：

PS：我列表中的所有项目都已加载。

::我如何初始化select2：

只需将以下行代码放在我的 javascript 上，它就成功了：

:: 我如何尝试选择特定值：

• 第一次尝试：

  /li>

• 第二次尝试：

  /li>

PS：#field-category有一个隐藏输入字段的值并且可以正常工作。

多谢你们！

我一直在使用 select2 插件一段时间，直到现在它是完美的。

我有一个页面，其中包含 3 个正在加载数据且运行良好的选择，以及弹出窗口内的多个选择。它们看起来不错，但您不能在搜索字段上写字。在主页上搜索运行良好，所以我无法弄清楚是什么问题..

我正在使用用于弹出窗口的 blockUI 插件。我已经尝试过 z-index，销毁并在 blockUI 函数的回调上启动插件，但没有任何效果，我不知道为什么。

编码：

有什么建议吗？

我正在尝试将 select2 与 jQuery 1.9.1 和 select2 3.3.0 一起使用来实现我想象的一个相当基本的用例......我想使用基于另一个 select2 控件状态的选项填充一个 select2 控件。

我有以下内容：

编辑： 这个答案显示了控件消失的原因。我对此实施仍有疑问：

1. 如何让#master没有初始选择？
2. 如何更改#detail 中的占位符文本，以便它响应已选择主人的事实？

我有以下功能的格式问题。正如您将在下面看到的，它大部分都有效，只是搜索框的格式不是我想要的（我想复制预先输入的 Twitter Bootstrap 功能）：

用户可以在搜索框中输入书名，在搜索框下方的下拉列表中选择要从中选择的书籍（通过 ajax），然后选择一本书。在下拉列表中选择一本书后，会在表格中填写书籍信息。就像这样：

我的问题是 select2 会自动更改搜索输入的格式（在搜索框中的所选项目周围添加 css）。看这里：

问题

我知道这不完全是 Select2 的用途，但我希望搜索框的值为“rails”，与我输入时的样子完全相同（第一个屏幕截图）。如何保持常规输入格式？

细节：

这是我到目前为止的咖啡脚本代码（它具有图片的异步加载和选择的格式）：

http://jsfiddle.net/tXFbk/2/

HTML：

JS：

在第一次加载时它会重复值，并且在清除值后它不会从输入中清除它。此外，如果您添加一个项目（例如“更多文本”）然后将其删除，它不会从输入值中清除它。有没有办法让它停止重复值？还有一件事 - 如何禁用添加已添加的项目？