使用Google Apps Script获取多选值并写入Google Sheet单个单元格

咱们先定位核心问题：你当前的代码没有正确获取Materialize多选组件的所有选中值，导致提交时只传递了第一个选项。下面分前端和后端两部分给你针对性的修改方案：

1. 前端修改：正确获取多选选中值 #

Materialize的M.FormSelect实例自带getSelectedValues()方法，能直接返回所有选中项的数组。你需要调整JavaScript逻辑，在提交时调用这个方法来拿到完整的选中值：

document.addEventListener('DOMContentLoaded', function() {
  // 初始化所有select组件，保存实例引用
  var elems = document.querySelectorAll('select');
  var selectInstances = M.FormSelect.init(elems);
  
  // 给提交按钮绑定点击事件（记得给按钮加id="submitBtn"）
  document.getElementById("submitBtn").addEventListener("click", handleSubmit);
  
  function handleSubmit() {
    // 获取posApp对应的Materialize实例
    var posAppSelect = M.FormSelect.getInstance(document.getElementById("posApp"));
    // 调用方法拿到所有选中值的数组
    var selectedApps = posAppSelect.getSelectedValues();
    
    // 把选中值传给Google Script处理
    google.script.run.withSuccessHandler(function(res) {
        alert("提交成功！");
        // 可选：重置多选框状态
        posAppSelect.selectedIndex = 0;
        M.FormSelect.init(document.getElementById("posApp"));
    }).saveSelectedApps(selectedApps);
  }
});

同时在HTML里补上提交按钮：

<div class="row">
  <button id="submitBtn" class="btn waves-effect waves-light">提交选中应用</button>
</div>

2. 后端Google Apps Script修改：接收并保存多选值 #

新增一个处理提交的函数，接收前端传来的选中值数组，将其转为逗号分隔的字符串（或者你需要的格式）写入指定单元格：

function saveSelectedApps(selectedValues) {
  // 替换成你的表格链接
  var ss = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/1lEfzjG1zzJVPMN8r-OpeZm6q9_IqSwk9DNCEY-q7ozY/edit?usp=sharing");
  // 替换成你要写入的目标工作表名称
  var targetSheet = ss.getSheetByName("Open_Pos");
  // 示例：写入第2行第3列（C2），你可以根据需求修改行列号
  var targetCell = targetSheet.getRange(2, 3);
  // 将数组转为逗号分隔的字符串写入单元格
  targetCell.setValue(selectedValues.join(", "));
}

3. 额外注意事项 #

• 确保你的Google Apps Script已经部署为Web应用，并且权限设置为「任何人，甚至匿名」（测试阶段），否则前端调用会出现权限拦截问题。
• 不要直接操作原生select的options，尽量通过Materialize的实例方法处理，避免组件状态不一致。
• 如果需要回显已保存的选中值，可以在doGet函数中读取目标单元格的内容，拆分成数组后，在HTML模板里给对应的option加上selected属性。

这样修改后，点击提交按钮就能把所有选中的选项以逗号分隔的形式写入Google Sheet的指定单元格了。

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