这篇热门文章已于2016年10月12日更新，以反映选择/下拉插件的当前状态。
选择元素的默认样式并不适合所有人。 有时，您可能想控制外观（以使其在浏览器和设备之间保持一致），或者可能需要本机不支持的其他功能。
值得庆幸的是，这里有许多很棒的jQuery驱动的插件可以简化流程。
我们将介绍一系列可以整合到下一个项目中的插件。 这些插件中的一些可以通过选项，方法和事件进行高度配置，而另一些则可以简单地替换所选元素，以实现样式和易用性。
选择
Chosen是一个功能强大的插件，不仅可以重新设置选择元素的样式，而且还提供其他功能，例如选择中搜索，多个元素选择和突出显示。
如果您要更新选择元素的默认样式，则可以使用此插件，但是真正的强大之处在于附加功能：
- 处理多选选项的能力。 每个选项均已保存，并根据需要轻松删除
- 通过搜索过滤元素的能力。 当您有很长的选项列表（例如国家/地区名称）时非常适合
一切都与此插件兼容，并且桌面支持可以追溯到IE8兼容性。 一个积极的（或消极的）因素是，在移动设备上，选择元素会恢复为原始格式，从而使移动浏览器可以控制您与之交互的方式。
选项文档概述了可以与之交互以自定义元素的所有设置，方法和事件。 该插件本身由从事Harvest项目管理工具的开发人员维护。 他们的GitHub存储库将不断更新，并在插件中添加了其他功能，错误修复和优化。
选择2
Select2是功能齐全的丰富选择替换/增强插件。 它不仅可以重新设置您选择的元素的样式，还可以使用其他功能对其进行扩展。
就像其他高级选择插件一样，它打包成一堆可定制的功能，例如：
- 单选元素/具有optgroups的元素
- 多选元素
- 选择元素的可排序/可筛选搜索字段
- 能够从远程数据源加载数据（例如，从API动态加载选项）
- 标记支持（从预定义列表中选择/动态添加动态标记）
Select2自2012年以来一直在开发中。开发人员已从版本3移至版本4，并在此过程中重新编写了插件，以使其更快，响应速度更快且对移动设备友好。 Select2的GitHub页面给人留下了深刻的印象，他们为使每个版本的插件变得更好而共同努力。
该插件显着地面向开发人员，其选项页面显示了有关如何使用每种不同功能的综合示例 。
该插件提供了高级别的自定义功能，如果您正在寻找可以根据您的项目进行自定义的插件，那么它是一个很好的入门解决方案。
jQuery Nice选择
这个插件是一个轻量级的选择替换库。 jQuery Nice Select用重新样式化的下拉菜单替换了默认的本机select元素。
这个插件没有什么太大的用途，因为它可以用作重新样式选择元素的快速方法，无需付出太多努力即可提供视觉上吸引人的东西。 该插件正在其GitHub存储库中积极开发和改进，并且在移动和桌面浏览器上都非常有效。
如果您正在寻找一种快速简便的方法，只需重新设置您选择的元素的样式，而无需花费很多精力，那么这就是适合您的插件。
选择
Selectize是一个非常注重开发人员的全包插件，不仅为您提供了外观更好的选择列表，还添加了新的有用功能，例如标记，远程数据绑定和动态下拉列表。
与Select2和Chosen一样，Selectize也非常注重开发人员，使您可以控制下拉菜单的工作方式。 他们的文档相当全面 ，概述了一系列选项和一些回调，您可以将其插入以进一步自定义插件。
该插件已不断更新，开发人员在去年发布了多个迭代 。 有时，您不确定是否刚刚维护了一个不错的插件，或者只是按“原样”提供了插件，但是对于Selectize来说，该项目似乎仍在进行中，几乎解决了所有问题/错误报告，非常透明的讨论。
从功能上来说Selectize确实很好用。 该插件不仅可以重新设置默认控件的样式，还可以通过强大的功能（例如搜索过滤，多选功能和远程数据绑定）对其进行扩展。 所有这些在台式机和移动浏览器上都非常有效。
该插件是一个不错的总体选择，如果您正在重新设计和扩展所选元素的功能，则应将其作为“首选”选项之一。
图像组合框
图像组合框是一个简单的插件，可让您为选择控件中的每个选项定义图像和说明。 它主要用于展示每个选项的相关图像，因此当您希望为每个选项显示视觉表示时，它很有用。
此插件具有您期望的所有基本功能，例如键盘导航，一系列要挂接到的事件以及相对容易的自定义样式标记。
Combo Box在多种浏览器上都能很好地工作，但是已经有一段时间没有更新了， 插件GitHub页面上的交互很少。 这并不是说这是一个不好的插件，只是您将必须完全使用它并随您的项目进行全面测试，因为证明支持可能很困难。
如果您的主要目标是制作它，以便您可以使用下拉菜单元素显示图像和/或说明，那么此插件值得一看。
jQuery可搜索DropDown插件
Searchable DropDown插件是您可能会在网上找到的较旧的插件之一。 创建于2012年（最近未更新）。 目的是将您的基本select元素转换为可搜索的单个列表。
该插件没有网站，而是位于SourceForge上。 除了展示其工作原理的单个演示页面外，这里没有太多文档。
当与其他高度可扩展的精选替换插件进行比较时，这种感觉就不合适了。 但是，此库的一大优点是它支持IE7的所有版本，并且可以在台式机和（令人惊讶的）移动浏览器中正常运行。
如果您正在寻找可以进行分类的最低限度替代品，那么这可能是您的最佳选择
多选组合框
该插件与我们介绍的其他插件略有不同。 它一次可处理两个或多个选择元素，从而创建一个UI，您可以在其中在列表之间来回移动元素。 它与其他拖放解决方案相似，但完全由标准选择元素组成。 要启动并运行它，您可能需要对它进行一些样式设置以使其符合现代设计标准（因为它有点丑陋）
如果要在两个或多个容器之间对项目列表进行排序，例如排序任务或组织内容，则这种控件非常有用。
演示页面和GitHub页面概述了如何进行设置，并且由于控制该学习曲线的选项很少，因此相当浅。
jQuery选择框
jQuery Selectbox是较早的select替换插件之一。 但是，与其他添加大量功能的插件不同，该插件的主要目的是重新设置控件的样式并保持功能不变。
jQuery Selectbox确实具有几个有用的选项，您可以控制它们，以及您期望的所有标准事件，例如打开，关闭，选项选择等。浏览器支持也很全面，不仅支持IE7之前的旧版浏览器，还回落到使用手机上的系统默认设置（如果您选择）。 作为一个较旧的插件，它可能不会很快改变。 维护插件的开发人员多年来一直没有活跃，因此目前“按原样”提供了该插件。
该插件的优势在于其简单的样式，使您可以轻松地使用自己的样式进行覆盖以匹配您的设计。 如果您想做一些基本的事情，例如设置下拉菜单的样式并可能自定义一些设置，那么此插件可能就是您想要的。
Multiselect.js
另一个由jQuery驱动的库，可让您快速轻松地创建基于多选的列表。 很容易看出它们在演示中的用途。 您可以创建一个选择元素，然后轻松地在列表之间来回移动项目。
该插件的开发者似乎相当频繁地对其进行更新，并且GitHub页面上有大量已关闭/已解决的故障单。
虽然尚未回复GitHub上标记的一些最新问题，但该插件本身非常可靠，具有许多选项，方法和事件供您使用。 它可以在多种浏览器上很好地工作，并且包含很少的样式（让您轻松指定其外观）。
如果您追求简单的多选插件，那么这是一个很好的起点。
jQuery SumoSelect
SumoSelect具有选择列表替换中所需的所有功能。 该插件处理单选元素和多选元素，以及搜索和过滤功能，并具有可靠的选项和事件集。
SumoSelect的外观很轻巧，强调的是极简风格，您可以根据自己的项目进行定制。 有几个演示展示了如何配置所有不同的选项。
在过去的几年中，这个插件得到了不断的改进，并且每个版本都变得更好。 与其他可能会被抛弃并按“原样”保留的插件不同，看起来每个版本的修订都会变得更好。
另一个值得注意的元素是此插件提供了全面的浏览器支持。 SumoSelect可以在台式机上的IE8上运行，并提供对移动设备的支持，无论是正常工作还是使用本机控件（取决于设置时提供的选项）。
jQuery UI选择菜单
这里有些不同。 与其他独立的插件（例如，Chosen或Select2（虽然流行但并不十分普及））不同，此插件是jQuery UI框架的一部分，是一个名为selectmenu的可扩展小部件。
jQuery UI小部件是针对开发人员的扩展，您可以将其集成到自己的项目中。 这些小部件经过高度开发和高度稳定，并具有一系列选项，方法和事件作为后盾，您可以通过这些选项，方法和事件来定制其工作方式。
Selectmenu的目的是扩展本机选择元素的功能和设计。 这些元素是完全主题化的，并且基于jQuery UI CSS框架 。 尽管它不具备其他较大插件的所有功能（例如可过滤搜索，动画或JSON数据绑定），但它具有强大的跨浏览器支持和持续更新。
如果您想快速设置所选元素的样式以匹配jQuery UI的主题，或者想要一个可以自定义和适应自己的综合库，则该库将非常有用。
jQuery可过滤引导选择
可过滤的Bootstrap Select是一个扩展Bootstrap 3中提供的默认select样式的插件。
这个插件联系了很多资源，一起如FontAwesome的图标， jQuery的LiveFilter为它的过滤机制，也jQuery的tabcomplete其自动预测。
与大多数其他插件一样，您可以根据自己的需要提供多种选择 。 它应提供您所需的全部内容，以便为您提供基本的可过滤列表。
主插件本身位于GitHub上，并且偶尔会在一年的时间内进行更新。 但是，在大多数项目由一个人维护的情况下，您永远不知道何时或是否能够获得支持。 如果您对演示的工作方式感到满意，并希望按原样使用它，那么如果您已经在Bootstrap支持的站点上工作，那么它是一个很好的资源。
DDSlick jQuery DropDown
DDSlick可以将您选择的元素转换为样式简单的下拉菜单。 每个选项均包含其常规标题和值，以及可选的图像和说明。
您可以自定义几个不同的选项，还可以关联一些事件来进一步调整。
一个真正的问题是该网站已损坏 ，所有页面上的示例均会触发错误。 似乎所有资源都指向了一个不再存在的DropBox帐户。 但是，脚本本身并没有丢失，并且包括JSDeliver在内的多个站点都有它的副本。
通常，我们会跳过演示页面已损坏的插件。 但是，此插件的确运行良好，并且文档完善。 如果您感兴趣的话，这是一个很好的插件：
- 动态绑定JSON数组中的选择值（让您动态定义选项）
- 显示图像，描述和标题以展示每个选项（具有几种布局）
- 使用回调自定义代码
如果您想了解它是如何工作的，可以从字面上复制网站HTML和相应的JS示例并将其粘贴到Codepen.io之类的JS游乐场网站中，并且一切都可以正常工作（假设您同时链接到jQuery和插件的主JS文件）。
包装全部
现在，选择替换插件有多种选择。 在过去的几年中，一些更流行的库已被抛光，在引入新功能的同时改善了它们的整体功能。
您需要搜索我今天提到的各种库，然后看看哪一个最能满足您的需求。 例如，如果您只想重新设置所选元素的样式，是否真的需要一个还提供过滤和远程数据绑定的库？
对于大多数这些库，您应该相对较快地启动和运行。 他们大多数只需要jQuery和相关的插件文件，您就可以开始了。
如果您希望自定义选项或挂接到回调，则可能需要选择一个面向开发人员的库，例如Selectize，Chosen或Select2。 为您找到合适的人将是个人观点。
让我们知道您是否在选择替代品时使用了其他任何出色的库。 我们很乐意听取您的意见！
From: https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/
8816
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
