select2multiple多选设置默认值

2025-10-24 02:22:21

前端页面我们经常会用到select2插件,select2插件的tags多选功能非常强大且好用,

有时我们需要再加载的时候给select2赋默认值,国内找不到相应的教程,这边我来教大家怎么赋默认值

工具/原料

Select2 4.0.0

方法/步骤

初始化<select></select>标签的时候要设置data-tags=true 还有加载data-data属性的值;值为json格式;

select2multiple多选设置默认值

一定要设置multiple属性 否则就变为单选了

select2multiple多选设置默认值

最后在页面加载的时候初始化select2插件

并且这么写

$("#interests").val([1,2]).trigger("change")

默认设置1和2

select2multiple多选设置默认值

注意事项

使用select2的时候记得要引用对应js和css

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢