创建HTML表单,并在提交时将数据发送到Google-Sheet

时间:2019-11-12 09:42:32

标签: javascript html google-sheets

我刚接触过Google-Sheet,几年来我都没有使用Javascript。

我正在尝试创建一种可以在工作表中写入一些数据的表单。我的表格看起来还可以。但是,当我单击“提交”按钮时,该表单消失了,并且我的工作表上没有任何反应。我的浏览器仅显示一个空白标签。

就目前而言,我试图通过单一输入使表格成为工作,但没有任何效果。我在浏览器中没有看到任何错误消息...

我有(.gs):

function doGet(request) {
  return HtmlService.createHtmlOutputFromFile('HTMLForm');
}

function processForm(form) {
  var url = "https://docs.google.com/spreadsheets/d/1dEJEuWmG-4Z2geqz9LroTsIbq6LwMSZgVft5uo5vQxw/edit#gid=0";
  var sheet = SpreadsheetApp.openByUrl(url);
  var x = sheet.getSheetByName("DATA");
  x.appendRow([form.Thing_ID]);
}

还有我的表格:

<!DOCTYPE html>
<html>
  <script>
  function mySubmit(form) {
    google.script.run.processForm(form);
    document.getElementById("myForm").reset();
  }
  </script>
  <head>
    <base target="_top">
  </head>
  <body>
    <form id="myForm" onsubmit="mySubmit(this)">

        <label>Thing's ID</label>
        <input type="text" id="Thing_ID" placeholder="ID" required/>

        <button type="submit"id="submit">Submit</button>

    </form>
  </body>
</html>

我需要在输入中键入的值写在我的电子表格(表格“ DATA”)中。如果您能告诉我我错过/错过了什么功能。

谢谢

0 个答案:

没有答案