Google App Script 和 Javascript：访问 div 标签内的表单元素

Question

我想访问表单和 div 中的输入元素。 我是 Google 应用脚本的新手，我相信我需要将包含 DOM 地址的参数从 JS 函数传递给应用脚本函数。

代码如下：

Javascript：

<script>
            function update()
                {
                    google.script.run.selectCell(document.getElementById(location));

                    alert("Success");//test message
                }
</script>

HTML 代码：

<div class="container">
  <form>

    <div class="row">

      <div class="col-25">
        <label for="location">Location</label>
      </div>

      <div class="col-75">
        <input type="text" id="location" name="location_txt" placeholder="The location..">
      </div>

    </div>

    <div class="row">
      <input type="button" onclick="update()" value="Update">
    </div>

谷歌应用脚​​本：

    function selectCell(domAddress)
        {
          var val0 = domAddress.value;
          if (cell)
          {
            sheet.appendRow([val0]);
          }
        }

Answer 1

问题：

• DOM 元素，除了表单元素不是服务器端函数的合法参数

解决办法：

• 将表单本身传递给服务器端函数，该函数将被转换为表单对象。

修改代码：

客户端：

<div class="container">
    <form id ="myForm">

        <div class="row">

          <div class="col-25">
            <label for="location">Location</label>
          </div>

          <div class="col-75">
            <input type="text" id="location" name="location_txt" placeholder="The location..">
          </div>

        </div>

        <div class="row">
          <input type="button" onclick="update()" value="Update">
        </div>
    </form>

<script>
function update()
{
google.script.run.selectCell(document.getElementById('myForm'));

alert("Success");//test message
}
</script>

服务器端：

function selectCell(formObject)
    {
      var val0 = formObject['location_txt']
      if (val0)
      {
        sheet.appendRow([val0]);
      }
    }

阅读：

• Server-Client Communication