jQuery Select2 -如何隐藏Select2 Optgroup

jQuery Select2是一个功能强大的下拉选择框插件，可以提供更好的用户体验和更丰富的选择功能。在使用Select2时，如果想要隐藏Select2 Optgroup，可以通过以下步骤实现：

首先，确保已经引入了jQuery和Select2的相关文件。
在HTML中，创建一个带有Optgroup的Select元素，例如：

<select id="mySelect">
  <optgroup label="Group 1">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </optgroup>
  <optgroup label="Group 2">
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </optgroup>
</select>

在JavaScript中，使用以下代码初始化Select2，并隐藏Optgroup：

$(document).ready(function() {
  $('#mySelect').select2({
    templateSelection: function(data, container) {
      if (data.element && data.element.parentElement.tagName === 'OPTGROUP') {
        $(container).addClass('hidden');
      }
      return data.text;
    }
  });
});

在上述代码中，我们使用了Select2的templateSelection选项来自定义选择项的显示方式。在这个函数中，我们判断如果选择项的父元素是OPTGROUP，则给选择项的容器添加hidden类，从而隐藏该选择项。