自定义 HTML 选择创建答案

【问题标题】：Custom HTML Select creation自定义 HTML 选择创建
【发布时间】：2012-01-22 05:30:33
【问题描述】：

我开始使用 Bootstrap from Twitter 并且需要将 HTML Select 添加到我的文档中。我在这个 Demo http://rails-admin-tb.herokuapp.com/admin/drafts/new 中找到了一个很好的 HTML Select 实现，并希望创建类似的东西。

您知道是否已经有一个 UI 元素可以包含在其中以获得相同的外观和行为？如果没有，我该如何创建类似的东西？

所有网站的外观都很棒，我希望有人能给我一些提示，告诉我如何实现这样的外观和感觉。

【问题讨论】：

任何代码草案？ Html Select 上的自动完成功能似乎很奇怪。
@Fredy31 您可以在我添加的演示中看到示例。

标签： html select user-interface input twitter-bootstrap

【解决方案1】：

您可以使用http://silviomoreto.github.com/bootstrap-select/

它使用下拉菜单保持引导程序的外观。

【讨论】：

【解决方案2】：

只是为了提供可用选项的最新信息，最近我也一直在使用 Select2，它基于 Chosen 并具有许多不错的功能。
源代码也可以在https://github.com/ivaynberg/select2 获得。

【讨论】：

【解决方案3】：

有 jQuery UI，它非常棒，而且非常全面，具有不同的外观和样式，请查看他们的 homepage。

jQuery Toolbox 具有开箱即用的出色效果，非常适合这种风格。

总而言之，jQuery 是实现此类目标的绝佳框架，拥有最大的 js 框架社区，并且可能是 Web 的未来！那里也有许多其他框架，但如果你想要一个很好的效果解决方案，它总是 javascript。

【讨论】：

谢谢丹。 jQuery 工具有一些不错的小部件，但它无法增强 HTML 选择，还是我错过了？
取决于你到底想要什么。您可以将滑块用于数值，它还支持 html5 日期输入。它本身没有自动完成功能，但与您自己的 js 自动完成插件一起，您可以使用漂亮的 jquery 工具皮肤来扩展它！见forms toolbox

【解决方案4】：

目前还没有 HTML 元素可以原生地做到这一点，它必须使用 javascript 来完成。

尝试“选择”：http://harvesthq.github.com/chosen/

【讨论】：

嘿，不错的@Madmartigan！ “Chosen”似乎解决了我的大部分需求，而且看起来很棒！