如何获取Select2下拉菜单中包含未选中项在内的全部数据

你可以通过遍历Select2对应的原生select节点下的option元素，或者直接读取Select2实例的选项集合来实现，两种常用实现方式如下：

• 方式1：获取包含选中状态、用户自定义tag的全量选项数据

function getAllSelect2Data() {
  const allOptions = [];
  // 遍历所有option元素，包括用户新增的tag选项
  $('.inputField option').each(function() {
    allOptions.push({
      id: $(this).val(),
      text: $(this).text(),
      selected: $(this).is(':selected')
    });
  });
  return allOptions;
}

调用该函数即可返回所有下拉选项的数组，包含原始选项和用户通过tags功能新增的自定义选项。

• 方式2：直接从Select2实例读取选项数据（适合需要读取更多实例属性的场景）

function getAllSelect2Data() {
  const select2Inst = $('.inputField').data('select2');
  return select2Inst.dataAdapter.items;
}

注意：你原代码中的getData函数名拼写错误，多写了一个字母t，注意修正避免函数触发失败。

内容的提问来源于stack exchange，提问作者Trombone0904