jQuery 替换选择框插件 Select2 基本用法



Select2 为您提供了一个可自定义的选择框,支持搜索,标记,远程数据集,无限滚动以及许多其他高度使用的选项。

功能介绍

Select2 是为了替代标准 <select> 标签在浏览器显示的框。默认情况下,它支持标准选择框中可用的所有选项和操作,但具有更大的灵活性。

  • 多语言 – 支持 RTL,超过 40 种内置语言
  • 远程数据支持 – 使用 AJAX,可以有效地搜索大型项目列表
  • 主题化 – 可换肤,使用 Sass 构建的 CSS 或 Bootstrap 3 的可选主题
  • 可扩展 – 可自由二次开发
  • 动态创建项目 – 允许用户键入新选项并即时添加
  • 浏览器支持 – 内置了对现代和旧版浏览器的支持,甚至包括 Internet Explorer 8

安装使用

将 Select2 集成到项目中



基本用法

单选框

jQuery 替换选择框插件 Select2 基本用法


  Alabama
    ...
  Wyoming

Select2 将自己注册为 jQuery 函数,调用 .select2() 初始化:

// In your Javascript (external .js resource or  tag)
$(document).ready(function() {
    $('.js-example-basic-single').select2();
});

多选框

jQuery 替换选择框插件 Select2 基本用法
注意声明 multiple 属性


  Alabama
    ...
  Wyoming

$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

jQuery 替换选择框插件 Select2 自定义配置 API >>
工作中
  • 作者 建站迷

    建站迷

    让天下没有难做的网站!
    解决中小型企业的无站之伤。



没有账号? 忘记密码?

社交账号快速登录