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鼠标悬停动态显示提示文字或者图片
  • 热门搜索
    哈尔滨市旅游局 天门山旅游攻略 泰国清迈旅游攻略 江西省旅游地图 厦门旅游攻略住宿 大鹿岛旅游 旅游鞋清洗 广州的旅游景点 兵马俑旅游攻略 长滩岛旅游