企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
> 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, '') ~~~