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鼠标悬停动态显示提示文字或者图片
  • 热门搜索
    考研调剂是怎么调剂的 鱼汤怎么炖 水管漏水怎么办 怎么样去黑头 眼睛有飞蚊症怎么办 头顶头发稀少怎么办 西北农林科技大学怎么样 摔伤了怎么办 胡萝卜汁怎么做 拉直头发后怎么保养