Google Apps Script开发问题：datalist无法显示数据

问题根源分析 #

1. HTML语法错误：你的datalist标签里，模板调用<?!=getOptionsCargos()?>后面多了个单引号'，直接破坏了HTML结构，导致选项无法正常渲染。
2. 数组处理错误：getValues()返回的是二维数组，你直接把数组元素d拼进<option>里，最终会输出类似[内容]的无效格式，而非纯文本选项。
3. 全局变量风险：全局声明的sheet变量在Web App部署场景下，可能因脚本初始化上下文或授权问题无法正常获取表格数据，建议把表格获取逻辑挪到函数内部。
4. 数据范围不准确：getRange(1,2).getDataRegion()可能会意外包含B列以外的其他数据列，若仅需B列的选项，最好明确指定数据范围。

修正后的代码 #

Google Apps Script 部分

function getOptionsCargos(){
  // 函数内部获取表格，避免全局变量引发的上下文问题
  const sheet = SpreadsheetApp.openById("xxxxxxxxxxxx").getSheetByName("Listas");
  // 取B列第2行到最后一行的数据（假设第1行是表头）
  const dataRange = sheet.getRange(2, 2, sheet.getLastRow() - 1, 1);
  const data = dataRange.getValues();
  
  // 提取二维数组中的文本值，排序后生成标准option标签
  return data
    .sort()
    .map(row => `<option>${row[0]}</option>`)
    .join('');
}

HTML 部分

<div class="mb-2">
  <label for="apellidos" class="form-label">Apellidos</label>
  <input type="text" class="form-control" name="apellidos" id="apellidos" pattern="[^0-9]*" title="El nombre no puede contener números" list="lista" required>
  <datalist id="lista">
    <?!= getOptionsCargos() ?>
  </datalist>
</div>

额外验证步骤 #

• 手动运行一次getOptionsCargos函数，确认授权弹窗正常通过，确保脚本拥有目标表格的访问权限。
• 如果是部署成Web App，记得重新部署并更新版本，权限设置根据实际需求调整（比如允许匿名访问）。

内容的提问来源于stack exchange，提问作者HCCB Bioingeniería