为Select2 Kartik Optgroup设置数据

Select2是一个基于jQuery的自定义选择框插件，它提供了更好的用户体验和功能扩展。Kartik Optgroup是Select2的一个扩展，它允许将选项分组显示。

为Select2 Kartik Optgroup设置数据的步骤如下：

引入Select2和Kartik Optgroup的相关文件。可以通过CDN链接或下载文件到本地进行引入。
在HTML中创建一个select元素，并为其添加一个唯一的ID，例如：

<select id="mySelect"></select>

使用JavaScript代码初始化Select2插件，并设置Kartik Optgroup的数据。例如：

$(document).ready(function() {
  $('#mySelect').select2({
    data: [
      {
        text: 'Group 1',
        children: [
          {
            id: 'option1',
            text: 'Option 1'
          },
          {
            id: 'option2',
            text: 'Option 2'
          }
        ]
      },
      {
        text: 'Group 2',
        children: [
          {
            id: 'option3',
            text: 'Option 3'
          },
          {
            id: 'option4',
            text: 'Option 4'
          }
        ]
      }
    ]
  });
});

在上述代码中，data属性用于设置Select2的数据。每个分组使用一个对象表示，其中text属性表示分组的名称，children属性表示该分组下的选项。每个选项也使用一个对象表示，其中id属性表示选项的值，text属性表示选项的显示文本。