jquery – 如何使用JSON在select2中设置optgroup

前端之家收集整理的这篇文章主要介绍了jquery – 如何使用JSON在select2中设置optgroup前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何将某些项目分组到单独的optgroup中?应该在不同的 JSON对象中设置? select2文档中没有示例.任何帮助或指导都会有所帮助.

以下是选择人口的示例代码

jQuery代码

var data = [
          { id: 0,text: 'enhancement' },{ id: 1,text: 'bug' },{ id: 2,text: 'duplicate' },{ id: 3,text: 'invalid' },{ id: 4,text: 'wontfix' }
    ];

    $(".js-example-data-array").select2({
      data: data
    });

解决方法

您需要在数组中设置children属性以允许optgroups.

示例:https://jsfiddle.net/DinoMyte/8odneso7/13/

var data = [{
    id: 0,text: 'enhancement',children: [{
        id: 5,text: 'enhancement child1'
      },{
        id: 6,text: 'enhancement child2'

      }
    ]
  },{
    id: 1,text: 'bug'
  },{
    id: 2,text: 'duplicate'
  },{
    id: 3,text: 'invalid'
  },{
    id: 4,text: 'wontfix'
  }
];

$(".js-example-data-array").select2({
  data: data,width: 'auto'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select class="js-example-data-array">
</select>

猜你在找的jQuery相关文章