成功执行操作后更新Google Apps Script侧边栏下拉菜单

问题核心原因 #

google.script.run是异步执行的服务器端调用，你当前在触发deleteCategory后立刻执行resetDropdown，此时分类删除操作尚未完成，getAllCategories获取的仍是未更新的旧数据，导致下拉菜单无法同步变化。另外，getAllCategories的过滤逻辑存在漏洞，会错误保留空行数据，干扰下拉菜单内容。

修复方案 #

1. 调整异步操作的执行顺序 #

将下拉菜单重置操作移到删除成功的回调函数中，确保分类真正删除后再更新菜单：

修改submitRecord函数：

function submitRecord() 
{
  document.getElementById("displayReturn").innerHTML = "";
  let category  = document.getElementById("category").value;
  google.script.run
    .withSuccessHandler((stringBack) => {
      returnBack(stringBack);
      resetDropdown(); // 等待删除操作完成后再重置下拉
    })
    .deleteCategory(category);
}

或者直接在returnBack函数中添加重置逻辑：

function returnBack(stringBack)
{
  document.getElementById("displayReturn").innerHTML = stringBack;
  document.getElementById("category").value = '';
  resetDropdown(); // 新增：显示返回信息后重置下拉菜单
}

2. 修复分类获取函数的过滤逻辑 #

确保只返回有效非空分类，避免空值混入下拉菜单：

function getAllCategories() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  return sheet.getRange("F12:F").getValues()
    // 过滤空行和仅含空格的无效行
    .filter(row => row[0] && row[0].trim() !== "")
    .flat();
}

3. 优化下拉菜单重置的DOM操作（可选） #

简化重置逻辑，确保下拉菜单状态正确：

function resetDropdown()
{
  google.script.run
  .withSuccessHandler((categories) => 
  {
    const selectEl = document.getElementById("category");
    // 清空所有现有选项
    selectEl.innerHTML = '';
    
    // 添加默认提示选项
    const defaultOpt = document.createElement("option");
    defaultOpt.value = '';
    defaultOpt.innerHTML = "---Select Category to Delete---";
    defaultOpt.disabled = true;
    defaultOpt.selected = true;
    selectEl.appendChild(defaultOpt);

    // 重新添加所有有效分类选项
    categories.forEach((category) => 
    {
      const opt = document.createElement("option");
      opt.value = category;
      opt.innerHTML = category;
      selectEl.appendChild(opt);
    });
  })
  .getAllCategories();
}

验证步骤 #

1. 选择分类点击删除按钮
2. 观察下拉菜单是否自动移除已删除的分类
3. 检查返回提示信息是否正常显示

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