> addSelect2('字段名称', '字段别名' , '提示信息','选项', ['默认值', '额外属性', '额外css类','占位符','是否必选'])
标识符:`select2`
| 参数 | 含义 | 类型 | 必填 | 版本 |
| --- | --- | --- | --- | --- |
| name | 字段名称(英文) | string | 是 | |
| title | 字段别名(中文)| string | 是 | |
| tips | 提示信息 | string | 否 | |
| options| 选项 | array | 否 | |
| default | 默认值 | string | 否 | |
| extra_attr | 额外属性 | string | 否 | |
| extra_class | 额外css类 | string | 否 | |
| placeholder | 占位符 | string | 否 | |
| required | 是否必选 | bool| 否 | |
| ajax_url | ajax 地址(传递时无需再传递选项值) | string | 否 | V6.1.6 |
Select2用法同普通下拉菜单一样
```
return FormBuilder::getInstance()
->addSelect2('color', '选择颜色', '', ['1' => '绿色', '2' => '红色', '3' => '黄色'])
->fetch();
```
![](https://img.kancloud.cn/dc/64/dc641ff15cf0c7794e84e391a30a68ab_638x268.png)
## 多选
下拉菜单也可以设置为多选,只要添加额外属性为“multiple”即可。
~~~
->addSelect2('color', '选择颜色', '', ['1' => '绿色', '2' => '红色', '3' => '黄色'], '', 'multiple="multiple"', '', '请选择颜色')
~~~
![](https://img.kancloud.cn/bd/19/bd19955a56252ec501759ba63e37f006_640x58.png)
多选发送到服务器的则为数组形式。
## 默认值
默认值可设置多个,值之间用逗号隔开。
~~~
->addSelect2('color', '选择颜色', '', ['1' => '绿色', '2' => '红色', '3' => '黄色'], '1,2', 'multiple="multiple"', '', '请选择颜色')
~~~
![](https://img.kancloud.cn/44/d0/44d0d5b2a70fa3397dd46a1c56c683b8_640x58.png)
## ajax 分页
`ajax_url`参数用于解决数据量过大时的分页问题,当传递该参数时请取消`options`参数的传递,`url`需要返回`json`类型的数据,可参考如下`json`信息,或找到`admin/index`控制器中的`select2`方法查看详细
```
{"total":2,"per_page":10,"current_page":1,"last_page":1,"data":[{"id":2,"name":"VIP会员","text":"VIP会员"},{"id":1,"name":"普通会员","text":"普通会员"}]}
```
## 完整示例
~~~
->addSelect2('my_color', 'select2下拉', '提示信息', $color, 'red', '', 'extra_class', '请选择颜色', true, '')
~~~
- 介绍
- 安装与部属
- 5.1版本安裝部署
- 6.1版本安裝部署
- 隐藏index.php
- 目录结构
- 5.1版本目录
- 6.1版本目录
- 前端组件
- 弹层使用
- 消息提示
- 弹出提示
- 确认提示
- 打开弹窗
- 自定义弹窗
- 弹出层全屏
- 重新加载
- 快速开发
- 模块管理
- 字段管理
- 快速构建器
- 表单构建器
- 添加表单项
- 单行文本框
- 多行文本框
- 单选
- 多选
- 日期
- 时间
- 日期时间
- 日期范围
- 标签
- 数字框
- 密码框
- 普通下拉菜单
- Select2下拉菜单
- 多级联动菜单
- 单图片上传
- 多图片上传
- 单文件上传
- 多文件上传
- 编辑器
- 按钮
- 隐藏域
- 取色器
- 自定义Html
- 分组
- 添加表单项通用方法
- 设置表单数据
- 设置页面标题
- 设置页面提示信息
- 设置表单提交地址
- 设置表单提交方式
- 模板变量赋值
- 设置页面空表单项提示
- 隐藏按钮
- 设置按钮标题
- 添加按钮
- 设置额外HTML代码
- 设置额外JS代码
- 设置额外CSS样式
- 设置表单提交确认框
- 隐藏<显示全部>按钮
- 表格构建器
- 设置表格的主键
- 设置页面标题
- 设置页面提示信息
- 设置表格的地址
- 设置新增的地址
- 设置修改的地址
- 设置删除的地址
- 设置额外JS代码
- 设置额外CSS样式
- 设置额外HTML代码
- 添加一列
- text
- status
- yesno
- link
- image
- select
- 添加多列
- 添加一个右侧按钮
- 添加多个右侧按钮
- 添加一个顶部按钮
- 添加多个顶部按钮
- 设置搜索的字段
- 设置表格的行数
- 设置空数据提示信息
- 设置固定左列
- 设置固定右列
- 模板制作
- 模板目录及设置
- 标签手册
- V5版本
- 系统标签
- TDK标签
- 列表标签
- 详情标签
- 上下篇标签
- 导航标签
- 栏目标签
- 位置标签
- 友情链接标签
- 广告标签
- 碎片标签
- 通用列表标签
- 搜索列表标签
- 获取字段
- V6版本
- 模板目录及文件命名
- 系统标签
- TDK标签
- 列表标签
- 详情标签
- 上下篇标签
- 导航标签
- 栏目标签
- 位置标签
- 友情链接标签
- 广告标签
- 碎片标签
- 通用列表标签
- 搜索列表标签
- 字典标签
- 标签云
- 插件模块
- 插件说明
- 常见问题
- 模型字段新增报错
- 数据库无法备份
- 如何修改后台目录
- 绑定手机端域名
- 左侧菜单点击自动隐藏
- 前台为何只有4个控制器
- 为何广告管理的内容不显示
- 后台编辑器无法上传图片
- 表类型选择CMS和后台的区别
- 精简文件和数据库
- 后台密码初始化
- 常用函数
- textareaBr 文本域换行
- send_email 邮件发送
- 更新日志
- 二开示例
- 关联文章的实现
- 文章模块优化详情页URL
- api文档
- 保存内容中第一张图片到缩略图