如何在Google Apps Script中获取select下拉框选中值并修改全局变量column

存在的问题 #

• 判断逻辑不匹配：代码中获取的是<option>的显示文本（text属性，值为One/Two），但if判断的条件为数值1/2，二者内容完全不匹配，因此条件永远无法触发，全局变量column不会被赋值。
• 分类标注错误：标注为java的代码实际为前端JavaScript代码，与Java不属于同一语言。
• 缺少事件绑定：未给下拉菜单绑定change触发事件，切换选项时optionSelec函数不会自动执行。

修复后代码 #

前端HTML代码 #

<select class="form-select" id="seleccion" onchange="optionSelec()">
 <option value="1">One</option>
 <option value="2">Two</option>
</select>

前端JavaScript代码 #

var column;
function optionSelec(){
  var e = document.getElementById("seleccion");
  // 直接取下拉选项的value属性值做判断，更符合开发规范
  var selectValue = Number(e.value);

  if (selectValue === 1){column = [1]};
  if (selectValue === 2){column = [2]};
  
  // 测试时可打开浏览器控制台查看赋值结果，确认逻辑生效
  console.log('column当前值：', column);

  // 若需要将选中值传给Google Apps Script服务端执行逻辑，可放开下面的注释，替换为你自己的服务端函数名
  // google.script.run.yourServerFunction(column);
}

Google Apps Script场景额外说明 #

如果需要将选中值同步到GAS服务端使用，不要依赖服务端全局变量存储，GAS服务端的全局变量每次接口请求都会重置，需要用PropertiesService、缓存服务或者关联的表格来持久化存储选中值。

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