如何设置Laravel框架下select2多选插件默认选中特定选项?
- 内容介绍
- 文章标签
- 相关推荐
本文共计868个文字,预计阅读时间需要4分钟。
本文实例讲述了Laravel框架结合select2多选插件初始化默认选中项的操作。以下内容供大家参考:
项目中有发送消息功能,需要通过搜索,多选用户,指定发送人。
使用select2插件:
1. 在项目中引入select2的CSS和JS文件:
2. 创建select元素并添加data-live-search属性,以便实现搜索功能:
张三 李四 王五
3. 初始化select2插件:
javascript$(document).ready(function() { $('#userSelect').select2({ placeholder: 请选择用户, allowClear: true });});
4. 设置默认选中项:
javascript$(document).ready(function() { $('#userSelect').select2({ placeholder: 请选择用户, allowClear: true, data: [ { id: 1, text: 张三 }, { id: 2, text: 李四 } ] });});
以上步骤实现了Laravel框架结合select2多选插件初始化默认选中项的操作。在实际项目中,根据需求调整相关代码即可。
本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考,具体如下:
项目中有发送消息功能,需要能通过搜索,多选用户,来指定发送人。使用 select2 插件来完成。
本文共计868个文字,预计阅读时间需要4分钟。
本文实例讲述了Laravel框架结合select2多选插件初始化默认选中项的操作。以下内容供大家参考:
项目中有发送消息功能,需要通过搜索,多选用户,指定发送人。
使用select2插件:
1. 在项目中引入select2的CSS和JS文件:
2. 创建select元素并添加data-live-search属性,以便实现搜索功能:
张三 李四 王五
3. 初始化select2插件:
javascript$(document).ready(function() { $('#userSelect').select2({ placeholder: 请选择用户, allowClear: true });});
4. 设置默认选中项:
javascript$(document).ready(function() { $('#userSelect').select2({ placeholder: 请选择用户, allowClear: true, data: [ { id: 1, text: 张三 }, { id: 2, text: 李四 } ] });});
以上步骤实现了Laravel框架结合select2多选插件初始化默认选中项的操作。在实际项目中,根据需求调整相关代码即可。
本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考,具体如下:
项目中有发送消息功能,需要能通过搜索,多选用户,来指定发送人。使用 select2 插件来完成。

