select2multiple多选设置默认值

 时间:2026-02-13 16:17:06

前端页面我们经常会用到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

  • jquery如何实现让文字逐渐显示出来
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • HTML5的网页制作基础
  • Navicat for MySql 如何插入新记录
  • jquery鼠标悬停动态显示提示文字或者图片
  • 热门搜索
    美丽校园手抄报 推广普通话手抄报文字 八一建军节手抄报内容 环保手抄报文字 尊老爱幼手抄报 国庆中秋手抄报 四年级安全手抄报 戏曲大舞台手抄报 小学生四年级手抄报 关于反邪教的手抄报