嘿，这个场景太典型了——多字段SharePoint列表搞成了“信息迷宫”，靠动态显隐字段来简化操作绝对是正确方向！你现在只支持两组，其实只要把逻辑改成基于映射表的批量处理，不管多少组都能轻松搞定，我给你一步步拆解：

把每个下拉选项对应的字段内部名称（注意是内部名称，不是显示名称，避免重名坑）整理成一个键值对映射表。每次切换下拉时，先一键隐藏所有字段，再从映射表里取出当前选项对应的字段列表，逐个显示就行。新增字段组的时候，只需要给映射表加一行，完全不用改核心逻辑，扩展性拉满！

假设你的下拉列表ID是fieldCategoryDropdown，表单是经典的SharePoint列表表单，直接加这段脚本就能用：

// 第一步：定义下拉选项 ↔ 对应字段内部名称的映射表
// 新增分组的话，直接在这里加键值对就行！
const fieldGroupMappings = {
  "Country": ["Title", "Region", "Capital", "Population"], // 替换成你实际的字段内部名
  "Fruit": ["FruitName", "HarvestSeason", "OriginCountry", "CaloriePer100g"],
  "Animal": ["SpeciesName", "HabitatType", "DietCategory", "ConservationLevel"],
  "Colour": ["HexCode", "RGBValue", "CMYKValue", "UsageScenario"]
};

// 第二步：封装隐藏所有字段的函数
function hideAllFormFields() {
  // 经典SP表单的字段行都在.ms-formtable下的tr里，直接批量选中
  const allFieldRows = document.querySelectorAll(".ms-formtable tr");
  allFieldRows.forEach(row => {
    row.style.display = "none";
  });
}

// 第三步：封装显示指定字段的函数
function showTargetFields(selectedCategory) {
  // 先清空所有显示的字段
  hideAllFormFields();
  
  // 从映射表里取出当前分类对应的字段列表
  const targetFields = fieldGroupMappings[selectedCategory];
  if (!targetFields) return; // 没有匹配的分类就直接返回
  
  // 逐个找到字段行并显示
  targetFields.forEach(fieldInternalName => {
    // 通过字段内部名称找对应的行（经典SP里字段的td会包含内部名的title属性）
    const fieldCell = document.querySelector(`td[title*="${fieldInternalName}"]`);
    if (fieldCell) {
      const fieldRow = fieldCell.closest("tr");
      fieldRow.style.display = "table-row";
    }
  });
}

// 第四步：给下拉列表绑定切换事件
document.addEventListener("DOMContentLoaded", function() {
  const dropdown = document.getElementById("fieldCategoryDropdown");
  if (!dropdown) return;
  
  // 页面加载时默认隐藏所有字段（或者你可以默认显示某一组，比如showTargetFields("Country")）
  hideAllFormFields();
  
  // 下拉切换时触发显隐逻辑
  dropdown.addEventListener("change", function() {
    showTargetFields(this.value);
  });
});

1. 一定要用字段的内部名称：显示名称可能重复，但内部名称是唯一的。怎么找？到列表设置→点击对应字段→地址栏里Field=后面的字符串就是内部名称（比如Field=Capital）。
2. DOM选择器适配：如果你的表单结构有点特殊，调整querySelector的选择器就行，核心逻辑不变。
3. 必填字段处理：如果某些字段是必填项，切换分类时要确保必填字段只在对应的分组里生效，不然用户会被强制填写无关字段——这个可以配合SharePoint的列级权限或者动态必填规则（用Power Automate或者SPFx实现）。

如果是现代页面的列表表单，不建议直接操作DOM（微软可能会更新DOM结构），推荐用SPFx Form Customizer或者PnP JS来操作字段显隐，核心思路还是用映射表，只是获取字段的方式换成官方API：

// 用PnP JS的例子（需要先引入PnP JS）
import { sp } from "@pnp/sp";

const fieldGroupMappings = { /* 和上面一样的映射表 */ };

async function showTargetFields(selectedCategory) {
  const formFields = await sp.web.lists.getByTitle("你的列表名").fields.get();
  // 先隐藏所有字段
  formFields.forEach(field => {
    field.Hidden = true;
  });
  // 显示目标字段
  fieldGroupMappings[selectedCategory].forEach(fieldName => {
    const targetField = formFields.find(f => f.InternalName === fieldName);
    if (targetField) targetField.Hidden = false;
  });
  // 提交字段变更
  await sp.web.lists.getByTitle("你的列表名").fields.updateBatch(formFields);
}

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