如何将单元格区域背景色同步到Google Sheets下拉选项？

Google Sheets原生的数据验证下拉列表不支持直接继承源单元格的背景色，但可以通过Google Apps Script自定义实现这个功能，具体步骤如下：

1. 创建自定义下拉菜单（替代原生数据验证下拉） #

• 打开你的Google Sheet，点击顶部菜单栏的「扩展程序」→「Apps 脚本」，打开脚本编辑器
• 替换默认代码为以下脚本：

function onOpen() {
  const ui = SpreadsheetApp.getUi();
  ui.createMenu('自定义下拉')
    .addItem('加载带颜色的下拉选项', 'showColorDropdown')
    .addToUi();
}

function showColorDropdown() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  const activeCell = sheet.getActiveCell();
  // 源数据区域，这里替换成你的A1:A20
  const sourceRange = sheet.getRange('A1:A20');
  const values = sourceRange.getValues();
  const backgrounds = sourceRange.getBackgrounds();
  
  // 构建带样式的选项列表
  const items = values.flat().filter(val => val !== '').map((val, index) => {
    return SpreadsheetApp.newMenuItem(val)
      .setBackground(backgrounds[index][0])
      .setOnAction(`selectOption_${activeCell.getA1Notation()}`)
      .build();
  });
  
  // 创建临时菜单显示选项
  const ui = SpreadsheetApp.getUi();
  const menu = ui.createMenu('选择选项');
  items.forEach(item => menu.addItem(item));
  menu.show();
  
  // 为当前单元格创建选择回调函数（临时）
  const script = `
    function selectOption_${activeCell.getA1Notation()}(e) {
      const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
      const cell = sheet.getRange('${activeCell.getA1Notation()}');
      cell.setValue(e.parameter.item);
      // 同步源单元格的背景色到当前单元格（可选）
      const sourceIndex = values.flat().indexOf(e.parameter.item);
      if (sourceIndex !== -1) {
        cell.setBackground(backgrounds[sourceIndex][0]);
      }
    }
  `;
  eval(script);
}

2. 配置与使用 #

• 保存脚本，命名为「ColorDropdown」之类的名称
• 回到Google Sheet页面，刷新后顶部会出现「自定义下拉」菜单
• 选中需要添加带颜色下拉的单元格，点击「自定义下拉」→「加载带颜色的下拉选项」，就能看到和源单元格背景色一致的选项列表
• 选择选项后，当前单元格也会同步源单元格的背景色（如果不需要这个效果，可以删掉脚本中// 同步源单元格的背景色到当前单元格（可选）以下的代码）

注意事项 #

• 如果源数据区域（A1:A20）有更新，每次打开菜单都会自动加载最新的选项和颜色
• 脚本需要授权才能运行，第一次使用时按照提示授权即可
• 这种方式是通过自定义菜单实现的，和原生数据验证的下拉样式不同，但能满足颜色同步的需求

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