Google Apps Script：下拉框选择值回传返回null问题求助

你的问题根源在于错误地直接获取form元素的value——form本身没有value属性，所以返回null。需要定位到下拉选择器（select）元素来获取选中值，以下是几种可行的修正方案：

方案1：通过表单的元素name获取值 #

利用select的name="Protocols"属性，从表单对象中直接访问该元素：

修改你的JavaScript函数：

function parseBackFunc() {
  // 定位到表单内的Protocols下拉框，获取选中值
  const selectedValue = document.forms[0].Protocols.value;
  google.script.run.htmlReturn(selectedValue);
}

方案2：通过ID定位下拉框 #

给select添加id属性，更直观地定位元素：

首先修改HTML中的select标签：

<select id="protocolSelect" name="Protocols" onchange="parseBackFunc()">
  <option value=17>Modbus</option>
  <option value=18>SCPI</option>
  <option value=19>CAN open</option>
  <option value=20>Profibus</option>
  <option value=21>Profinet</option>
  <option value=22>EtherCAT</option>  
</select>

然后修改JavaScript函数：

function parseBackFunc() {
  const selectedValue = document.getElementById("protocolSelect").value;
  google.script.run.htmlReturn(selectedValue);
}

优化建议：将回传逻辑绑定到提交按钮 #

当前代码在下拉框改变时就触发回传，可能不符合用户预期。建议把回传逻辑放到「Submit」按钮的点击事件中，用户确认选择后再提交：

修改HTML的提交按钮：

<input type="button" onClick="submitSelection(); google.script.host.close();" value="Submit" />

添加对应的JavaScript函数：

function submitSelection() {
  const selectedValue = document.forms[0].Protocols.value;
  google.script.run.htmlReturn(selectedValue);
}

这样用户选择完成后点击提交，才会把选中值回传给htmlReturn函数，交互更合理。

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