如何解决Apps Script中从数组为HTML单选按钮赋值时取不到实际值的问题？

嘿，我碰到过好多次这种问题啦！咱们来看看问题出在哪，分分钟给你搞定～

你大概率是在构建HTML单选按钮的代码里，直接把data[i][0]当成纯字符串硬写到了value属性中，比如错误写法是这样的：

// 错误示例
html += '<input type="radio" name="order" value="data[i][0]">' + data[i][0] + '</input>';

这种写法下，浏览器会把value属性里的data[i][0]当成普通文本，根本不会去解析它对应的数组实际值，所以你拿到的就是固定字符串啦。

有两种简单可靠的修复方式，选你顺手的来：

1. 用ES6模板字符串（推荐） #

Apps Script已经支持ES6的模板字符串语法，用反引号（）包裹整个HTML片段，变量用${}`嵌入进去，就能自动解析数组的实际值：

// 正确示例
html += `<input type="radio" name="order" value="${data[i][0]}">${data[i][0]}</input>`;

模板字符串会自动把${data[i][0]}替换成数组里对应的真实内容，完美解决问题。

2. 传统字符串拼接 #

如果你习惯用老写法，记得把变量从引号里抽出来，用+连接字符串和变量：

// 正确示例
html += '<input type="radio" name="order" value="' + data[i][0] + '">' + data[i][0] + '</input>';

这里要注意引号的嵌套：value属性的双引号内部，通过+把data[i][0]的值插入进去，生成的HTML里value就会是数组的实际内容了。

额外建议：用HTML模板文件更易维护 #

如果你的HTML内容比较复杂，建议把HTML单独放在模板文件里（比如命名为OrderForm.html），再用HtmlService的模板功能加载，代码结构会清晰很多：

模板文件（OrderForm.html） #

<? for (let i = 0; i < data.length; i++) { ?>
  <input type="radio" name="order" value="<?= data[i][0] ?>"><?= data[i][0] ?></input>
<? } ?>

Apps Script 对应代码 #

function htmlOrders() {
  var active = SpreadsheetApp.getActive();
  var sheet = active.getSheetByName("POHistory");
  var lastRow = sheet.getLastRow();
  var data = sheet.getRange(2, 1, lastRow - 1, sheet.getLastColumn()).getValues();
  
  var template = HtmlService.createTemplateFromFile('OrderForm');
  template.data = data; // 把数组传给模板变量
  var htmlOutput = template.evaluate();
  // 后续处理输出逻辑...
}

这种方式能避免字符串拼接的混乱，后期维护也更方便。

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