gaomingcode / select2
Select2 是一个基于 jQuery 的选择框替代方案。
资助包维护!
kevin-brown
Open Collective
This package is auto-updated.
Last update: 2024-09-29 05:49:56 UTC
README
安装
Composer
composer require gaomingcode/select2
原始 ReadMe
Select2 是一个基于 jQuery 的选择框替代方案。它支持搜索、远程数据集和结果分页。
要开始使用,请查看 https://select2.org/ 上的示例和文档。
用例
- 通过搜索增强原生选择框。
- 通过更好的多选界面增强原生选择框。
- 从 JavaScript 加载数据:通过 AJAX 轻松加载数据项并使其可搜索。
- 嵌套 optgroups:原生选择框仅支持一层嵌套。Select2 没有此限制。
- 标签:可以即时添加新项。
- 处理大型、远程数据集:根据搜索词部分加载数据集的能力。
- 大型数据集分页:当结果滚动到底部时轻松加载更多页面的支持。
- 模板:支持自定义渲染结果和选择。
浏览器兼容性
- IE 8+
- Chrome 8+
- Firefox 10+
- Safari 3+
- Opera 10.6+
用法
您可以直接从 CDN 如 jsDelivr 或 cdnjs 获取 Select2,或从 GitHub 仓库 下载,或使用以下集成之一。
集成
第三方开发者为平台创建了插件,使 Select2 能够更原生和快速地集成。对于许多平台,不需要额外的插件,因为 Select2 作为标准的 <select>
框。
插件
- Backdrop CMS - backdrop-select2
- Django
- Drupal - drupal-select2
- Meteor - meteor-select2
- Ruby on Rails - select2-rails
- Wicket - wicketstuff-select2
- Yii 2 - yii2-widget-select2
- Angularjs - mdr-angular-select2
主题
- Bootstrap 3 - select2-bootstrap-theme
- Bootstrap 4 - select2-bootstrap4-theme
- Flat UI - select2-flat-theme
缺少集成?修改此 README
并在此处向 GitHub 上的 Select2 提交拉取请求。
国际化 (i18n)
Select2 支持多种语言,只需在 dist/js/select2.js
之后包含正确的语言 JS 文件(如 dist/js/i18n/it.js
、dist/js/i18n/nl.js
等)。
缺少某种语言?只需复制 src/js/select2/i18n/en.js
,翻译它,然后在此处向 GitHub 上的 Select2 提交拉取请求。
文档
Select2 的文档可在文档网站上找到,位于此存储库的 docs
目录中。
社区
您可以在Select2 社区页面上了解与 Select2 社区联系的不同方式。
版权和许可
许可证文件可在存储库中的 LICENSE 文件中找到。
贡献者
代码贡献者
此项目得益于所有贡献者。 [贡献]
财务贡献者
成为财务贡献者,帮助我们维持我们的社区。 [贡献]
个人
组织
用您的组织支持此项目。您的徽标将在这里显示,并提供到您网站的链接。 [贡献]