如何将JavaScript变量传递至Google Sheet Web App并保存数据

核心问题修正 #

当前代码存在两个关键问题：

• HTML下拉框的class为kscore，但JS中用cscore获取元素，导致无法正确收集选中值
• 原submit函数循环逐个传递单个分数，会导致数据分5行写入，而非一行5列

1. 统一元素选择器 #

将JS中的元素选择器与HTML的class保持一致，二选一即可：

• 要么修改HTML中下拉框的class为cscore
• 要么修改JS中的选择器为kscore（推荐此方式，无需改动HTML）

2. 修改JavaScript提交逻辑 #

修改submit函数，一次性收集所有分数为数组后再传递给后端：

function submit(){
  const c_selects = document.getElementsByClassName("kscore");
  const c_score = [];
  for(let i=0; i<c_selects.length; i++){
    // 将每个下拉框的值存入数组
    c_score.push(c_selects[i].value);
  }
  // 一次性传递完整数组到Google Apps Script
  google.script.run.writeArray(c_score);
}

3. 优化后端写入逻辑（可选） #

原writeArray函数逻辑可行，可添加校验避免异常：

function writeArray(c_score){
  // 校验数组格式，确保是5个元素
  if(!c_score || c_score.length !== 5){
    SpreadsheetApp.getUi().alert("数据格式错误，请检查所有选项");
    return;
  }
  const sh1 = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Data");
  const lR = sh1.getLastRow() + 1;
  // 用数组长度动态设置列数，适配后续可能的问题数量调整
  sh1.getRange(lR, 1, 1, c_score.length).setValues([c_score]);
}

修改完成后，提交时会将5个分数作为一行，从Data表的下一行第一列开始写入，对应5个连续列。

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